Parent TAB question

Hi, I like to enlarge my existing application and have defined a PARENT TAB (with three Tabs) and have assigned my 9 Standard Tabs (and Pages) to the 3 standard tabs.
Now these new Parent Tabs are not shown.
In the "Edit Page" I can only assign either or of the Parent Tab Sets (and only two of th three are shown) - how to assign the whole 3-fold Parent Tab set ?
What do I miss ?
pls adv TIA
Bernhard

my first guess would be that you're using a page template that isn't set up for two levels of tabs. for parent tabs to render correctly your page template needs to use the substitution string #PARENT_TAB_CELLS# somewhere on it. rather than just dropping that substitution string onto my existing template, i find it's much easier to create a new template where i "Choose one from the HTML DB repository". if i choose on of the 2-tab-level template from there, things look pretty clean w/o me having to clean up. anyhow, do try that to see if you're tabs will render correctly. also, so you know, pages aren't really directly associated with standard tabs or parent tabs. as you're finding, you associate a page with a standard tab set. that standard tab set can then optionally be associated with a parent tab set.
hope this helps,
raj

Similar Messages

  • Spry Accordian Tabs Question

    Hi
    I'm trying to create a spry accordian menu for a navbar and am having some trouble.
    This is the first time I've tried it so I would appreciate any help.
    The Client would like the tabs to be:
    Home
    Students
       High School Students
       College Students
    Professionals
    Parents/Educators
    Seminars
    Bio
    Q  & A Blog
    Testimonials
    So all they would like High School Students and College Students to be child tabs underneath the parent tabs and all other tabs to be parent tabs.
    They asked for a spry accordian.
    They want the nav bar to be on the left.
    Here is the link to the website online:
    http://www.elynncohen.com/index2spry2.html#
    and here are my questions:
    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    Any help would be much appreciated!
    Thanks!!!
    Here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 100%;
        line-height: 1.4;
        background-image: url(images/background.gif);
        background-repeat: repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color:#414958;
        text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #4E5869;
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
        padding-top: 40px;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 15%;
        padding-bottom: 10px;
        margin-top: 40px;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
    .content {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        margin-top: 40px;
        padding-right: 10px;
        width: 50px;
        font-size: large;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: left;
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        right: 12%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #Quote {
        float: right;
        clear: both;
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this creates the space between the navigation on the content below */
        font-family:museo-sans; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: museo-sans; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        color: #C60651;
        font-family:museo-sans; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    /* ~~The footer ~~ */
    .footer {
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    /* ~~miscellaneous float/clear classes~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    #footer {    width: 100%;
        background-color: #FFF;
    .container .sidebar2 h4 img {
        padding-left: 20px;
        padding-top: 0px;
    .sidebar2 p img {
        border: medium solid #C60651;
    #Insert_logo2 {
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: #fff;
    .container .content p .content strong {
        font-family: museo-sans; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    test {
        font-family: "Binary ITC Bold";
    .container .sidebar2 p img {
        margin-right: auto;
        margin-left: auto;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: #C60651;
        border-right-color: #C60651;
        border-bottom-color: #C60651;
        border-left-color: #C60651;
    li strong {
        line-height: 130%;
        list-style-type: circle;
        color: #978980;
    .container .content ul {
    .container .sidebar1 .nav {
        margin-top: 10px;
        margin-bottom: 10px;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .nav li a {
        background-image: url(images/navbar2.gif);
        background-repeat: no-repeat;
        background-position: right center;
        left: auto;
        right: auto;
        clip: rect(auto,auto,auto,auto);
    .container .sidebar1 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .container .sidebar2 p {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 5px;
    #Insert_logo2 #Insert_logo2 {
        padding-left: 15px;
    .container .content ul {
        color: #C60651;
    h6 {
        color: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
            max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    </head>
    <body><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
        ; display:block;" /></a></p>
        <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
        <p class="clearfloat"> </p>
    </div>
      <div class="sidebar1">
        <ul class="nav">
          <li>
            <div id="Accordion1" class="Accordion" tabindex="0">
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
                <div class="AccordionPanelContent">Content 1</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
                <div class="AccordionPanelContent">Content 3</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
                <div class="AccordionPanelContent">Content 4</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
                <div class="AccordionPanelContent">Content 5</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
                <div class="AccordionPanelContent">Content 6</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
                <div class="AccordionPanelContent">Content 7</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
                <div class="AccordionPanelContent">Content 8</div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="content">
    <p>Given today's competitive job market, global economy, and changed corporate culture,
    we can no longer depend upon others to ensure our professional futures. Choosing or
    changing your career direction requires self-reflection, career education and an action plan.</p>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><li><strong>Considering your college choices &amp; career options</strong></li>
          <li><strong>Preparing for the world of work after college</strong></li>
          <li><strong>Seeking a new position to further your career</strong></li>
          <li><strong>In-transition and considering new opportunities</strong></li>
          <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
        </ul>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
        </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>

    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    1. Line 454
    <div id="Accordion1" class="Accordion" tabindex="0" style="outline: none;">
    2 & 3. Change your code from Line 455 - 491:
    <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a><br/><a href="#" style="margin-top: -30px;">College</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    4. Append your HTML for child tabs like this:
    <div class="AccordionPanelContent" id="submenu"><a href="#">High School</a></div>
    Create a new #submenu css rule in your CSS document and set styling the way you want it.

  • Can't grasp the relation between tab set, parent tab, standard tab set and standard tab

    Very novice to apex application building, but after trying to figure the concepts behind the tab sets I'm getting more and more confused about it as I always get different behaviour when changing things.
    The documentation is not very clear on this.
    Is there someone who can explain this in a comprehensive way?
    It would be nice to have a view on the consequences of using these different levels of groupings.
    Any help will be dearly appreciated ;-)

    Jan
    One level tab application
    Tabsets are used to group standard tabs.
    Use full when splitting up the application in different sections. Much like how the apex is split up in the application builder, sql workshop, team developend and administration.
    Parent tabs aren't used. And a one level tab application can't be turned into a two level tab application.
    Two level tab application
    Parent tabs belong to only one tabset "main".
    The standard tabset is the connection between the parent tab and standerd tab.
    There is one standard tabset for every parent tab.
    The standard tabset in the two level application has the same function as the tabset in the one level application.
    The standard tabset also determines when a parent tab is current.
    When on the page the setting Standard Tab Set is set then the parent tab belonging to that standard tabset is current.
    This means that if you change a page form one parent tab to an other you not only need to change the tab settings. But also the settings on the page.
    If you still in the position to choose between list or tabs as your main form of navigation I would recommend using lists.
    The possibilities with the list templates are greater that with tabs.
    Tabs have a maximum of two levels. List don't have such a limit.
    If you created your application as a one level tab application you can't turn it in a second level application without some serious hacking.
    Clicking on a standard tab submits the page and branch after the computations. This could also be viewed as a pro for tabs because with list navigation your page needs to be accessible by url. Did isn't necessary with standard tabs making them more secure. Parent tabs also use an url to navigate.
    Only the standard tabs belonging to the current standard tabset are rendered making a drop down menu impossible.
    Hope this clears up some of your questions.
    Nicolette

  • Mouseover Option  to parent tab set

    How to create a Mouseover option to the parent tab set in oracle apex application,.in my application i was created the parent tabset,inside the page i also created the horizontal list to each page.without click how to view that list using the mouseover option.....
    http://apex.oracle.com/pls/apex/f?p=57124:2:1292328308166601::NO
    this example of my question....

    Have a look and see if this plugin helps... http://www.apex-plugin.com/oracle-apex-plugins/odtug-competition/tab-menu_203.html

  • How to switch between 2 Parent Tab Sets main and main2

    Hi,
    I have the following structure:
    Parent-Tab-Set: main
    Parent-Tab : Parent 1
    Child-Tab : Child 1
    Parent-Tab : Parent 2
    Child-Tab : Child 2
    Parent-Tab-Set: main2
    Parent-Tab : Parent 3
    Child-Tab : Child 3
    Parent-Tab : Parent 4
    Child-Tab : Child 4
    Now I want to create a new Parent Tab in main, but always creates it in main2
    My goal:
    Parent-Tab-Set: main
    Parent-Tab : Parent 1
    Child-Tab : Child 1
    Parent-Tab : Parent 2
    Child-Tab : Child 2
    Parent-Tab : Parent 5
    Child-Tab : Child 5
    Who understand this Tab-Thing... ;)
    Thanks, Juergen

    Hi Kappy,
    well what you are saying is obvious to me. This is not the point for me and not what I wanted to know. But I think you answered my question anyway: OS X is unable to switch between windows of the same application as I mentioned in my example.
    WHY NOT???
    Every other OS is able to differentiate between windows and not just applications.
    Another example: The Mail application and an Email editor window. When you are writing an Email and you want to switch to the main window of the Mail application to read something you must again use the mouse!
    I mean Apple seems to be "somehow" using FreeBSD in the background and even in FreeBSD's window manager it is possible to switch between windows of the same application.
    Well, in the Apple world it is always the pour user who is not intelligent enough to understand Apple's philosophy ;-(
    To me this is not modern, it is simply a weakness of the OS.
    Cheers
    Quartz84

  • How to use 2 level tabs? especially parent tab

    Hi all.
    I use APEX 4.0 and theme 17 Sapphire.
    I have two pages: A , B.
    When I run page A,I want to show it like this:
    ||Parent Tab1||Parent Tab2||
    ||tab1||
    When I run page B,I want to show it like this:
    ||Parent Tab1||Parent Tab2||
    ||tab2||
    tab1 belongs to Parent Tab1, tab2 belongs to Parent Tab2. Show the parent tab all the time.
    But now When I run page B. the parent tab disappears. Why?
    I check the two pages in Tree View. I find differences in the Shared Componts -> Parent Tabs area. Page A's Tab Set is main and has two parent tabs. But B's Tab Set is the one I created and just has one parent tab. So how to change it?
    Steps are the best.
    Thank you all.
    The second question is how to beatify parent tabs?
    Edited by: AndyChou on Feb 28, 2011 5:45 PM

    Hello -
    http://proskudin.blogspot.com/2007/06/two-level-tabs.html check out this blog. This is what I used to help me understand two level tabs. It is actually quite a good reference.
    Austin

  • Tab Set not showing for Parent Tab - Bug?

    Greetings,
    (I figured someone else has experienced this issue, but after searching with multiple words I haven't found a thread.)
    Using Application Express 4.0.2.00.07. The application in question is using Theme 7 - Modern Blue
    My APEX application has over 20 pages and a lot of tabs, so I decided to create 2 new parent tabs (for a total of 3 parent tabs) and then assign the tabs to different tab sets so that I won't run out of horizontal space for all the tabs.
    As best that I can tell everything with the parent tabs is set up correctly. I even had another developer look over everything I set up. The two newly created 2 parent tabs don't show their tab set of tabs when I click them. The parent tab that was first created still works, but not the 2 new ones. When we maintain everything via the tab interface everything looks OK, but when we look at the pages they are still assigned to the original tab and I don't see a way to change the tab set on the page level. We copied and deleted a page and when we did the page and its tab displays with the correct parent tab.
    Is this a bug? It seems to be. It seems that creating the parent tab does not cascade down to the page level.
    Also, regardless if it is a bug, is there a way to change the tab set at the page level? I hate to copy a lot of pages and delete the orignal pages, but maybe that's the only work around.
    Also, maybe this is a theme issue? I know that some themes don't handle certain aspects correctly.
    Thanks, Tony

    I think I figured it out. There is a section on the page where you can change the Tab Set. It is under Display Attributes.

  • Why is it so hard to get parent tabs to work?

    Searching this forum I found many questions concerning tabs and parent tabs. The application express users guide gives some explanation as how to use them but does not attribute to a basic conceptual understanding of the tab phenomenon. In my opinion Oracle can improve a lot on this feature.
    ------ I just don't get it ----------
    I have four pages 1,2,3,4
    I want to create two parent tabs P1 and P2
    P1 has two tabs S1 for page 1 and S2 for page 2
    P2 has two tabs S3 for page 3 and S4 for page 4
    Can someone provide the exact steps to follow to create such tabs?
    Furthermore, the relation between tabs and pages needs some explanation.
    thanks

    Hi,
    I completely agree with you!
    You can not create a tab without a page associated with it and you can not create a new parent tab when creating a page. Also, Tab Set and Parent Tab seem to refer to the same thing!
    What I do is:
    1 - Create a page with "No Tabs"
    2 - Go to Shared Components, Tabs
    3 - In the Manage Tabs view, I click on the "add" option that appears at the end of the line of parent tabs
    4 - During creation of the new parent tab, associate it with the new page
    5 - When the parent tab is created, you get an "Add" option on the standard tabs line
    6 - Click this to create a standard tab and also associate this with the new page
    7 - Go back to the new page and ensure that it is linked to the correct tabs (it should be but I always double-check!)
    As for relationships between them:
    1 - A parent tab must have one or more standard tabs and must point to a single page in the application (this is the "Tab Target" for the parent tab)
    2 - A standard tab must point to one or more pages in the application. The first page is the "Tab Page", any other pages are listed in the "Tab Also Current for Pages" setting
    3 - The Tab Target page for a parent tab should be the same as the "Tab Page" page for the first standard tab on the parent tab
    4 - The Tab Target and Tab Page must be available at all times to any one that has access to the tab
    So, in your example, the Tab Target for P1 should be "1" and for P2 it should be "3". If anyone has access to P1, they must have access to page 1.
    Regards
    Andy

  • Problem Switching/Changing a page in one parent tab to another

    I have 2 level tabs in my application. Lets call the 'top' set of tabs, Parent1 and Parent2.
    Parent2 has only one tab 'below' or contained in it. While in Parent1, there are many tabs below it, each refers to a specific page that has some apex reports. I'm just trying to move one of those "sub" tabs and the corresponding report from Parent1 to Parent2.
    To do that, in Application Builder, i click on the page that i want to essentially switch form Parent1 to Parent2. I can see under the Tab section, what its called on the right side, under Tabs. Lets call that Tab_X. So, i click on that Tab_X, and it allows me to edit the Tab itself. Now I open up the drop down box called "Standard Tab Set", and there, i can see my Parent1, and Parent2 sets. It is already selected to Parent1. So i change it to Parent2. Save/Apply.
    Then i go run my application, and I do not see that Tab_X tab in Parent1 anymore (which is good-i wanted to move it). I click on the Parent2 top level tab, and there I can see the Tab_X in the sub-tab list, which is also good. So far.
    When i click on Tab_X to run my report, it runs and outputs fine. But i lose my Parent tabs in the Parent tab bar. My subtabs look like the ones it was grouped with in Parent1, even though i can't see Parent1 or Parent2.
    It seems like it sort of half made my change but not fully, and my navigation is now essentially not working properly.
    Am I missing a step to do this change correctly?
    Thanks.
    Edited by: user12602240 on Apr 1, 2013 3:04 PM

    btw, i am using the Sand theme. Not sure if that matters.

  • EA 4.2 Two Level TabsLeft and Right Sidebar not highlighting the parent tab

    Theme 24 Two Level Tabs - Left and Right Sidebar page template is not highlighting the parent tab. I did some changes to the Current Parent tab section and it is working so can we see the changes in the EA2 or the final 4.2 product.
    Orginal
    <li><a class="active" href="#TAB_LINK#">#TAB_LABEL#</a>#TAB_INLINE_EDIT#</li>
    changed to
    <li class="active">#TAB_LABEL##TAB_INLINE_EDIT#</li>

    Log 4.2EA issues and comments using the Feedback link in the App Builder on apexea.oracle.com.

  • Help, I accidentally deleted the parent tab set.

    I accidentally deleted the parent tab set from my application, and cannot find anyway to create a new one. Has anyone had this problem?
    Oracle - 9.04R2
    ApEx - 2.2.0
    Browser - Firefox
    Thanks,
    Michelle

    Hi Scott,
    unfortunately I made a stupid thing, being too smart and updating the FLOWS_020200.wwv_SOMETHING_tabs record, modifying parent tab of the problematic tab to main. Doing that caused the complete application to disappear from the Application builder. I guess some checksums in APEX internal objects were modified and that is the result.
    Fortunately I had a recent export of an application, so I didn't loose too much. That also means that I can not help myself with "as of" export.
    Could you please just tell if recreating parent tabs is possible by "clicking through apex screens" or should there be some hacking used.
    Zober

  • How to change theme without losing parental tabs?

    Hi
    I want to change the theme of my application from 5 - business to 7 - Centered.
    After the change I lose the parental tabs..
    how can i change the theme without losing the tabs?
    before:
    http://img224.imageshack.us/img224/6712/beforewz6.jpg
    after:
    http://img292.imageshack.us/img292/4337/aftereu1.jpg

    Change ownership as in change the iPad's name (like from John's iPad to Mary's iPad)? For that just go to Settings > General > About and then tap on the box that says 'Name'.
    If you're looking to change the default Apple ID login, while in the App Store scroll all the way down and tap on the box that has your Apple ID login info. Then choose to sign out. Afterward, scroll back down and select Sign In. By doing this keep in mind that any updates for apps that you downloaded with your Apple ID will require you to sign in to yours to receive the updates.

  • Unable to Set Parent Tab on Pages

    Hi,
    I created some pages and I just created parent tabs. However, I am unable to apply the parent tabs to the page. I went to the "Utilization" area and it does not have reference to any page.

    Hi Denes,
    I totally agree that it would be worthwhile putting together some tips on handling tab creation. Somewhere earlier in this forum I did explain how to create everything manually (though I do tend to create tabs during the page creation wizard) but it would be helpful if there was a definitive guide somewhere.
    I think my number one tip, as far as parent tabs goes, is to change the default sequence number to something other than 10 during creation. If you already have a tab with this number, you tend to lose your new one. I set this to 999 during creation and then change it afterwards.
    Andy

  • Trying the last hour trying to add in the parent tab on Apex

    Hi,
    I have a the tabs on my Apex page and the parent tabs would not ever show up on my new page. It says it's on my page definition. Any suggestions? Thanks,
    Samantha

    Hi Samantha,
    Are you definitely using a 2 Level tab page template?
    It can be changed in the display attributes of your page definition. In APEX 4 in the tree view double click on the page name when editing your page in application builder. If your using component view or less than APEX 4 then single click on the page name when editing your page in application builder.
    Hope this helps
    Thanks
    Paul

  • While trying to access parent tab getting Error---Very ungent(Prodution)

    Hi Team,
    We are using 3.0 version. Our application having 4 parent tabs. Each parent tab has 10 tabs and reports.
    We are working from past 2 years onwards but we didn't get any issues with,
    today one of the parent tab is not working whereas rest of the parent tabs(3 parent tabs) working fine but all are in same appicaton. while click on the 4th parent tab we are getting below error like page can't be diplayed.
    The webpage cannot be found
    HTTP 404
    Most likely causes:
    There might be a typing error in the address.
    If you clicked on a link, it may be out of date.
    What you can try:
    Retype the address.
    Go back to the previous page.
    Go to and look for the information you want.
    More information
    This error (HTTP 404 Not Found) means that Internet Explorer was able to connect to the website, but the page you wanted was not found. It's possible that the webpage is temporarily unavailable. Alternatively, the website might have changed or removed the webpage.
    For more information about HTTP errors, see Help.
    Please help us as it is very urgent.
    Thanks,
    Kumar.

    Hi
    What does your tab open when it is clicked? Is it a tabular form with many rows or a larget non-tabular form?
    Your page may be hitting 32K limitation. If it is not the case, please check your alert.log for some clue.
    Zulqarnain

Maybe you are looking for

  • Improvement of Steve Muench's sample #62. Cascading Lists in JSF

    If you go to http://radio.weblogs.com/0118231/stories/2004/09/23/notYetDocumentedAdfSampleApplications.html#dynamiccascadingpoplist you will find sample application demonstrating use of Cascading ListBoxes in JSF using selectOneChoice and ADF Master/

  • Trimming multiple transitions simultaneously.

    Didn't we use to be able to trim multiple transitions simultaneously? For instance, having a cross dissolve on a clip on video track 1 as well as on audio track 1. Selecting both clips and dragging to trim the transition which adjusts both video and

  • Is a clean install really this hard?

    Hi folks, I installed Flexbuilder 2 over my existing Eclipse installation, choosing the "plug-in" option rather than a complete install. But I couldn't debug: it claimed I had to install FlashPlayer 9 (yes, it was already installed and working) or Fl

  • Printer Setup for automatic and manual tray

    Dear All,     Now i have setup a printer for my cheque printing and its working perfectly.i am using SAP script for it.     My requirement to use the same printer with some different option so that when ever i want i can take the print from manual tr

  • I've downloaded Firefox 4 three times, but my computer keeps telling me I don't have it. What am I doning wrong to run Firefox4?

    I first downloaded Firefox 4 on May 25. I assumed it would start to work, but I continue to get messages on the homepage that say it is not working. The last message I got was that my computer is not protected anymore, because I don't have Firefox 4.