Tabbed Menu navigation

Using JDeveloper 10.1.3, ADF BC
I think, I missed something, this should be simple. Here is the problem:
I have three .jspx pages. On the first page I have panelPage and menuTabs with two commandMenuItem (call Page2 and call Page3).
When I click on Page2 (or Page3) tab, I want to display Page2.jspx (or Page3.jspx) inside the first (calling) page below the menu (like frames). How to achieve this behavior?
For now, Page2 and Page3 are displayed as new independent pages, what I don't want.
My panelPage:
<af:panelPage title="Page 1 title">
<f:facet name="menu1">
<af:menuTabs>
<af:commandMenuItem text="Page2" action="GoPage2"/>
<af:commandMenuItem text="Page3" action="GoPage3"/>
</af:menuTabs>
</f:facet>
<f:facet name="menuGlobal"/>
<f:facet name="branding"/>
<f:facet name="brandingApp"/>
<f:facet name="appCopyright"/>
<f:facet name="appPrivacy"/>
<f:facet name="appAbout"/>
<f:facet name="menu2">
<af:menuBar/>
</f:facet>
<f:facet name="actions"/>
</af:panelPage>
regards,
Saso
Message was edited by:
sasoc

Hi sasoc,
You can 2-3 different way to solve your problem. One of this is point the action of command menu items to same page but hold an page attribute which is changed when the different command menu item clicked. This page attribute is , then, used for displaying different panel boxes which holds different content. All you want to display in a different page is displayed in same page in different panel boxes instead of different pages. You will use page attribute which is changed by every time a command menu item clicked, for rendering different panel boxes each time so there will be no excess pages.
best regards...
--barisk                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

Similar Messages

  • Safari 8. Tab Menu & Navigation Bar

    Safari 8 no longer displays the web address of the page being viewed this is extremely annoying ! Its a pain on an iPhone using iOS but ridiculous on a Mac !
    Also, we now have a silly arrangement for the tabs. In the previous version of safari it was clear if there were more tabs open than displayed as a little list button appeared on the far right of the tab bar, click that & a list of all open tabs not currently displayed would appear. Simple, neat & tidy.
    Now the penultimate 3 tabs reduce in size - not the lat one because that would be too obvious. So it is not clear at a glance what additional tabs, if any, are open. This is made even less obvious by the fonts, font size, colour & fine boarders being employed by Apple in some sort of stealth mission to make applications as difficult to use as possible. Oh, it doesn't end there though, oh no ! If you want to select one of the hidden tabs you have two choices.
    1. Slide the tab bar which exposes the hidden tabs hiding the previously exposed list - making it a real pain for anyone switching between tabs.
    2. Use the gimmicky tab view  (used to be recents - which didn't really have much point).
    So the questions are:
    1. How can I have the web address of the page I'm viewing displayed (at all times) in the navigation bar, as thats what it's for guys !
    2. How can I have a simple drop down list of open tabs as per the previous version of Safari & get rid of the utterly pointless tab view & recents views which only serve to waste space & processor cycles ? I want to actually get some work done, I'm intelligent enough to be able to select what I want from a list of items, I really don't need pretty pictures presented 6 at a time.

    It's not in General, but in Advanced on my computer. Four-finger swipe doesn't work on my MBP. Neither does Fn-F10. I did set it to swap Fn-F10 with F10, but F10 doesn't work either.
    I used the menu you got by clicking the little icon at top, right corner to reveal all hidden tabs. Now I can't figure out how to access the hidden tabs efficiently. What a pain. The only good part about this is that it will encourage me to close tabs I don't actively use.

  • Pull tab menu navigation issue

    I've been running into some issues within pull tabs. It’s currently being used for the navigation within the folio (see attached PNGs).
    There seems to be a .125 second to even a .5 second delay on the interactivity with the buttons. The rate at which they respond is reacting differently each time they're touched but all are approximately within the interval .125 - .5 seconds. The navigation itself is a PNG and the interactivity is implemented through 8 rectangle frames converted into button forms placed over the top of their associated buttons. Have you ever heard of someone experiences issues concerning usability when converting frames into button forms?
    I’m thinking that it’s got to be something to do with DPS not being able to respond to the created button forms appropriately or it’s a bug within the pull tab that delays button sensitivity implementing the lag when the user initiates it's action.
    Any help on this would be greatly appreciated!

    My apologies, that portion was copied from an email I sent to a colleague regarding the matter.
    I always convert no fill/stroke frames to buttons on top of the artwork - not the artwork itself. My co-worker who's been working with DPS for years does it differently. Wanted to confirm that.
    Still having issues on response time..

  • Need help making javascript thumbnail gallery function in javascript tab menu

    Hello all,
    I have implemented a css/javascript tab menu on one of my html pages thanks to Chris Coyier (http://css-tricks.com/learning-jquery-fading-menu-replacing-content/), and within one of the tabs, which I labeled GALLERY, I am trying to place a thumbnail gallery curtosy of Trent (http://www.twospy.com/galleriffic/).
    Before trying to place it in the menu, I made the gallery on a seperate html page to make sure that I could get it to work.  It does. But when I place it in the menu it shows up on page load under the content of the first tab (labeled TOUR) and not in the gallery tab.  In addition, once I click on the "gallery" tab the other tabs stop showing their content.  I feel like I am missing something obvious. But I just can't figure out what.  If anyone can help I would greatly appreciate it.
    Thanks,
    Natalie
    Below is the code of my whole page:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Tour template</title>
    <!--TABS-->
    <link rel="stylesheet" type="text/css" href="MenuFader/style.css">
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
            $(function(){
                $("#tour-button").css({
                    opacity: 0.3
                $("#gallery-button").css({
                    opacity: 0.3
                $("#page-wrap div.button").click(function(){
                    $clicked = $(this);
                    // if the button is not already "transformed" AND is not animated
                    if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                        $clicked.animate({
                            opacity: 1,
                            borderWidth: 5
                        }, 600 );
                        // each button div MUST have a "xx-button" and the target div must have an id "xx"
                        var idToLoad = $clicked.attr("id").split('-');
                        //we search trough the content for the visible div and we fade it out
                        $("#contents").find("div:visible").fadeOut("fast", function(){
                            //once the fade out is completed, we start to fade in the right div
                            $(this).parent().find("#"+idToLoad[0]).fadeIn();
                    //we reset the other buttons to default style
                    $clicked.siblings(".button").animate({
                        opacity: 0.5,
                        borderWidth: 1
                    }, 600 );
    </script>
    <!--End Tabs-->
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    #realtor panel {
        width: 1000px;
    body {
        background-color: #282828;
        margin: 0px;
    .style4 {color: #A1A1A1}
    -->
    </style>
    <!-- InstanceBeginEditable name="Gallery" -->
    <title>Example tour page</title>
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="Gallery/js/jquery.galleriffic.js"></script>
    <script type="text/javascript" src="Gallery/js/jquery.opacityrollover.js"></script>
    <script type="text/javascript">
                document.write('<style>.noscript { display: none; }</style>');
    </script>
    <link rel="stylesheet" type="text/css" href="Gallery/css/galleriffic-2.css">
    <link rel="stylesheet" type="text/css" href="Gallery/css/basic.css">
    <!-- InstanceEndEditable -->
    </head>
    <!-- InstanceBeginEditable name="body" -->
    <body>
    <div id="realtor panel"><table width="100%" border="0">
      <tr>
        <td width="18%"> <div align="center"></div></td>
        <td width="82%"> </td>
      </tr>
    </table>
    </div>
    <div id="page-wrap">
            <div id="tour-button" class="button">
                <img src="MenuFader/images/TOUR.png" alt="tour" class="button" />
            </div>
            <div id="gallery-button" class="button">
                <img src="MenuFader/images/GALLERY.png" alt="property gallery" class="button" />
            </div>
            <div id="info-button" class="button">
                <img src="MenuFader/images/INFO.png" alt="info" class="button" />
            </div>
            <div id="specs-button" class="button">
                <img src="MenuFader/images/SPECS.png" alt="specs" class="button" />
            </div>
            <div class="clear"></div>
      <div id="contents">
        <div id="tour">
          <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1270','height','443','src','swf files/Tudor Arms interative floor plan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf files/Tudor Arms interative floor plan' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1270" height="443">
            <param name="movie" value="swf files/Tudor Arms interative floor plan.swf" />
            <param name="quality" value="high" />
            <embed src="swf files/Tudor Arms interative floor plan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1270" height="443"></embed>
          </object></noscript>
        </div>
        <div id="property gallery">
             <div id="container">
                    <div id="gallery" class="content">
                        <div id="controls" class="controls"></div>
                        <div class="slideshow-container">
                            <div id="slideshow" class="slideshow"></div>
                        </div>
                    </div>
                    <div id="thumbs" class="navigation">
                        <ul class="thumbs noscript">
                            <li>
                                <a class="thumb" href="Gallery/images/example/apt entrance1.jpg">
                                <img src="Gallery/images/example/Tudor thumbs/apt face1.jpg" alt="apt entrance1" />
                                </a>
                           </li>
                          <li>
                                <a class="thumb" href="Gallery/images/example/apt entrance2.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/apt face2.jpg" alt="apt entrance2" />
                                </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/apt entrance3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/apt face3.jpg" alt="apt entrance3" />
                              </a>
                          </li>   
                            <li>
                                 <a class="thumb" href="Gallery/images/example/apt sign.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/apt sign.jpg"  alt="apt sign" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/entryway1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/entry.jpg" alt="entry" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/living room1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/living1.jpg"  alt="living1" />
                              </a>
                          </li>
                           <li>
                                 <a class="thumb" href="Gallery/images/example/living room2.jpg" >
                                 <img src="Gallery/images/example/Tudor thumbs/living2.jpg" alt="living3" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/living room3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/living3.jpg"  alt="living3" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/dining1.jpg" >
                                 <img src="Gallery/images/example/Tudor thumbs/dining1.jpg"  alt="dining1" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/Dining2.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/dining2.jpg"  alt="dining2" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/dining3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/dining3.jpg" alt="dining3" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/Kitchen1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/kitchen1.jpg"  alt="kitchen1" />
                              </a>
                          </li>
                          <li>
                                 <a class="thumb" href="Gallery/images/example/Kitchen2.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/kitchen2.jpg" alt="kitchen2" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/bedroom1.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/bed1.jpg"  alt="bed1" />
                              </a>
                          </li>
                           <li>
                                 <a class="thumb" href="Gallery/images/example/bedroom2.jpg">
                                <img src="Gallery/images/example/Tudor thumbs/bed2.jpg"  alt="bed2" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/bedroom3.jpg" >
                                <img src="Gallery/images/example/Tudor thumbs/bed3.jpg"  alt="bed3" />
                              </a>
                          </li>
                            <li>
                                 <a class="thumb" href="Gallery/images/example/bathroom.jpg">
                                <img src="Gallery/images/example/Tudor thumbs/bath.jpg"  alt="bath" />
                              </a>
                            </li>
                        </ul>
                    </div>
                <div style="clear: both;"></div>
            </div>
        </div>
        <div id="info">
            <p class="style4">Content for info</p>
        </div>
        <div id="specs">
            <p class="style4">This content is for specs.</p>
        </div>
      </div>
    </div>
    <!--script for gallery-->
    <script type="text/javascript">
                jQuery(document).ready(function($) {
                    // We only want these styles applied when javascript is enabled
                    $('div.navigation').css({'width' : '400px', 'float' : 'left'});
                    $('div.content').css('display', 'block');
                    // Initially set opacity on thumbs and add
                    // additional styling for hover effect on thumbs
                    var onMouseOutOpacity = 0.67;
                    $('#thumbs ul.thumbs li').opacityrollover({
                        mouseOutOpacity:   onMouseOutOpacity,
                        mouseOverOpacity:  1.0,
                        fadeSpeed:         'fast',
                        exemptionSelector: '.selected'
                    // Initialize Advanced Galleriffic Gallery
                    var gallery = $('#thumbs').galleriffic({
                        delay:                     2500,
                        numThumbs:                 15,
                        preloadAhead:              10,
                        enableTopPager:            true,
                        enableBottomPager:         true,
                        maxPagesToShow:            7,
                        imageContainerSel:         '#slideshow',
                        controlsContainerSel:      '#controls',
                        captionContainerSel:       '#caption',
                        loadingContainerSel:       '#loading',
                        renderSSControls:          true,
                        renderNavControls:         true,
                        playLinkText:              'Play Slideshow',
                        pauseLinkText:             'Pause Slideshow',
                        prevLinkText:              '&lsaquo; Previous Photo',
                        nextLinkText:              'Next Photo &rsaquo;',
                        nextPageLinkText:          'Next &rsaquo;',
                        prevPageLinkText:          '&lsaquo; Prev',
                        enableHistory:             false,
                        autoStart:                 false,
                        syncTransitions:           true,
                        defaultTransitionDuration: 900,
                        onSlideChange:             function(prevIndex, nextIndex) {
                            // 'this' refers to the gallery, which is an extension of $('#thumbs')
                            this.find('ul.thumbs').children()
                                .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                                .eq(nextIndex).fadeTo('fast', 1.0);
                        onPageTransitionOut:       function(callback) {
                            this.fadeTo('fast', 0.0, callback);
                        onPageTransitionIn:        function() {
                            this.fadeTo('fast', 1.0);
    </script>  
    </body>
    <!-- InstanceEndEditable -->
    <!-- InstanceEnd --></html>

    Sure thing:
    http://www.acresllc.net/TA501001.html

  • Embed an external view into a tabbed menu

    Hi All,
    I'm a beginner in WebDynpro Java.
    Could you please help me to embed an external view into a tabbed menu in WebDynpro Java?
    Please help with your solutions.
    Thank you.
    Regards,
    Sari

    hi sari,
         Inside tabbed menu you can't use external view.
         For your problem you can do .
         1. copy your external view ui element from root elements..
         2. paste into seprate tabs.
    Another Solution
         1. Inside window controller you can create view set in two division..
         2. First Devision for your navigation menu .
         3. Second Devision For your External views
    Thanks & Best Regards
    Aasif Shah

  • Portal Design - Best Practices for Role and Workset Tab Menu

    We are looking to identify and promote best practices in SAP Portal Design. 
    First, is there a maximum number of tabs which should exist on the highest level tab menu, commonly called the role menu?  Do a large number of tabs on this menu cause performance issues?  Are there any other issues associated with a large number of tabs on this menu?
    Second, can the workset tab menu be customized to be 2 lines of tabs?  Our goal is to prevent tab scrolling.
    Thanks

    Debra,
    Not aware of any performance issues with the number of tabs in the Level 1 or 2 menus, particularly if you have portal navigation caching enabled.
    From an end user perspective I guess "best practice" would be to avoid scrolling in the top level navigation areas completely if possible.
    You can do a number of things to avoid this, including:
    - Keep the role/folder/workset names as short as possible.
    - If necessary break the role down into multiple level 1 entry points to reduce the number of tabs in level 2.
    An example of the second point would be MSS.  Instead of creating a role with a single workset (i.e. level 1 tab), we usually split it into two folders called something like "My Staff" and My Finance" and define these folders as entry points.  We therefore end up with two tabs in level 1 for the MSS role, and consequently a smaller number of tabs in level 2.
    Hope that helps......
    Regards,
    John

  • Help: Buggy (broken) Blu-ray menu navigation

    This is really frustrating. I have an Encore 2.0 project, previously used to build an SD DVD, using AVI/AC3 output from Premiere (built from what had been HDV video). REALLY basic menu buttons (no animation, or anything like that). They simply have standard highlights (which show as an arrow next to the button). In fact, those buttons weren't anything fancy that I built, they were simply standard buttons supplied in a previous Encore package. They worked fine in Encore 2.0 when the project was used to burn an SD DVD.
    I've been sitting on the Premiere and Encore projects for several years, waiting for the HD support, so when I upgraded to CS3, I transcoded some a set of MV4/AC3 files in Premiere, and re-opened my original Encore project with the CS3 version; and then simply replaced the original AVI/AC3 files with new MV4/AC3. I then flipped the Encore project settings to burn a BR disk. I had to re-point the menu links (to the chapters in the new video file), but made NO changes to the content of the menus (i.e. all of the menu components are exactly what they were before). Within Encore, I previewed the Menu functionality and they work perfectly (i.e. the pseudo-remote moves the arrow/highlight between the buttons, and I can jump between my two menu pages, as well as jumping into my chapters). Everything LOOKED great.
    So then I burned a disk (first one, on my new BR burner!). It burned great. I popped it in my Panny, and when the first menu popped up, I immediately clicked Enter (as my default button was to "Play"). That worked fine (so the button is "functional"), and my movie played (it was great to finally see my HDV footage in its full resolution). But then I jumped back to the menu to test out the rest of the menu capability. That's when the disappointment set in. The problem is that the menu navigation is all non-functional. I am unable to move between the buttons on my opening menu (and hence, can't even get to my submenu). It's just like the remote isn't working. And it's not like the buttons are "really" moving, but just not being highlighted properly, as I've played with the remote to test that possibility (based upon having seen some posts along those lines). It's simply that the navigation is "dead". It's dead when the disk is first loaded, and dead if you jump back to the menu after playing the movie. Of course, all "other" DVD and (commercial) BR disks work just fine.
    So... the obvious question that I have is whether anybody else has seen any such behavior, or whether I'm the only unlucky SOB to suffer this problem? This is the sort of "buggy crap" (in Encore and/or Premiere) that has driven me crazy over the years (thru numerous version). This is absolutely one of the simplest projects (all of "seven!" resources listed on the Resource tab). How in the world have they managed to muck up the navigation in the menus, on something this simple? I'm clueless as to what I can even try, that might resolve the problem (especially when the menus work perfectly while being previewed). It simply looks like Encore has some basic bug that results in it mangling the menus when it builds them before the burn process.
    Any input/thoughts would obviously be appreciated.
    (BTW, everything is fully patched.)

    Not yet. Don't really have another player at my disposal. I have a relative with PS3, and hope to test it on that at some point, but I live (and work) out in the boonies, so it'll be a bit before that happens.

  • Where is the 'History Recently Closed Tabs' menu in Firefox 29

    There used to be a 'Recently Closed Tabs' in the old orange Firefox 28 menu. Now it seems version 29 only has a 'Restore Closed Tabs' menu item in its 'History menu'. There seems to be no option to restore individually closed tabs. I'm always closing a tab by accident, and the old method was very fast and easy.
    Another person asked about this, but it seems his only solution was the 'Undo Closed Tabs Button' Add-On:
    https://support.mozilla.org/en-US/questions/997285?esab=a&as=aaq
    In the old menu, you had access to your recent history, 'Clear Recent History', 'Restore Previous Session', 'Recently Closed Tabs', and 'Recently Closed Windows' in one easy to access spot. Now all that is buried, or doesn't seem to exist anymore.
    Is there any way to re-configure the new menu to include at least the 'Recently Closed Tab's menu again?

    You can click History in the 3-bar Firefox menu button on the Navigation Toolbar to see the sections for recently closed tabs and recently closed windows.
    You can also unhide the menu bar and open the History menu.
    *Press the F10 key or tap the Alt key to bring up the hidden Menu bar.

  • Saved tabs menu bookmark brings Safari window to unusable state

    Saved tabs menu bookmark does not ask for user confirmation when navigating away from many tabs, and when the user returns to the previous set of tabs (note that this possibility isn't clear to the user), the entire Safari window reaches an unusable state.
    I have a saved tabs folder as a bookmark item that is also present on the bookmarks menu bar. That means if I accidentally click on the saved tabs link instead of the address bar then my Safari session with all of the current active tabs disappears! I'd like to suggest that Safari presents a confirmation page when the user is about to change the state of more than one tab, just like it would ask for confirmation if the user were to exit Safari or close a window with many open tabs. By clicking on that single button nearby to the address bar, the entire window state is altered, not just the current tab. That's not my initial expected behaviour. On the other hand, it was also not clear to me initially that I could navigate back to the previous set of tabs when that state is comprehensively changed. So maybe the user can be informed about the ability to undo that action. For now, I will certainly be moving that set of tabs away from the menu bar, tucked further within the Bookmarks menu. But the problem that I have now is more than just a temporary unavailability of the old state.
    When I accidentally navigated forward to that set of tabs, and subsequently quickly hit the back arrow button to revert to the previous state, Safari itself reached a point where the content of all tabs became unavailable. This sounds like it could be a kind of race condition where Safari needs to throw away cached information for the old set of tabs before it builds new cached information upon loading all new tabs. By aborting the process of loading those new tabs, maybe Safari assumes that the set of tabs is up to date, but the transition back to the old set of tabs doesn't appropriately trigger a reload and revert of the state. In any case the symptom is clear. When I switch between tabs in the problematic window, I continue to get completely blank screens even though I had many distinct tabs open in that window initially. It seems that to reproduce this problem what needs to be done is to have this set of saved tabs in a bookmark that is stored just below the address bar, and then to quickly navigate backward to return to the previous state. The more tabs in the current and stored session, the more this process may bog down Safari and expose this type of race condition. I also believe I may have also double or triple clicked that saved tabs button, which may invalidate the original set of tabs since the state for several sets of tabs might not be stored transparently by default. In any case I would like to recommend that Safari warn the user when this step takes place. The user could even be warned because they place a set of tabs bookmark below the menu bar, since they might accidentally click there. When this problem occurred, the other Safari window I had open had multiple tabs but this part of the Safari session was considered still working and the symptoms were not there. Yet the problematic window continues to experience the problem where all tabs are currently blank. I believe that I'll have to restart Safari to trigger the reloading of the pages, but I don't even know if that will be sufficient. I hope that this information is helpful.

    xb37835dd237610f1 wrote:
    In any case I would like to recommend that Safari warn the user when this step takes place.
    Recommend to whom? Discussions is a user-to-user forum. You are just talking to other users. We don't write the applications so we can't change how they work.
    If you have what you believe to be a product improvement idea, send it to Apple via the feedback URL. Posting it here is pointless.

  • How can change background color of drop down menu navigation?

    Hi,
    I am using multi level drop-down-navigation menu in my website.
    I am get good drop-down menu from htmldrive.net, but problem is how can change menu background color black to other colors.
    please help me
    Link & code is given below
    http://www.htmldrive.net/items/demo/913/Multi-Level-Drop-Down-Menu-Navigation-with-CSS3
    HTML Code
    <div id="nav">
    <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About Us</a></li>
    <li><a href="#">Our Portfolio</a></li>
    <li><a href="#">One Dropdown</a>
            <ul>
            <li><a href="#">Level 2.1</a></li>
            <li><a href="#">Level 2.2</a></li>
            <li><a href="#">Level 2.3</a></li>
            <li><a href="#">Level 2.4</a></li>
            <li><a href="#">Level 2.5</a></li>
            </ul>
    </li>
    <li><a href="#">Three Levels</a>
            <ul>
            <li><a href="#">Level 2.1</a></li>
            <li><a href="#">Level 2.2</a></li>
            <li><a href="#">Level 2.3</a>
                    <ul>
                    <li><a href="#">Level 2.3.1</a></li>
                    <li><a href="#">Level 2.3.2</a></li>
                    <li><a href="#">Level 2.3.3</a></li>
                    <li><a href="#">Level 2.3.4</a></li>
                    <li><a href="#">Level 2.3.5</a></li>
                    <li><a href="#">Level 2.3.6</a></li>
                    <li><a href="#">Level 2.3.7</a></li>
                    </ul>
            </li>
            <li><a href="#">Level 2.4</a></li>
            <li><a href="#">Level 2.5</a></li>
            </ul>
    </li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul>
    </div>
    CSS CODE
    #nav {
            float: left;
            font: bold 12px Arial, Helvetica, Sans-serif;
            border: 1px solid #121314;
            border-top: 1px solid #2b2e30;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            overflow: hidden;
    #nav ul {
            margin:0;
            padding:0;
            list-style:none;
    #nav ul li {
            float:left;
    #nav ul li a {
            float: left;
            color:#d4d4d4;
            padding: 10px 20px;
            text-decoration:none;
            background:#3C4042;
            background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
            background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
            background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
            border-left: 1px solid rgba(255, 255, 255, 0.05);
            border-right: 1px solid rgba(0,0,0,0.2);
            text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    #nav li ul {
            background:#3C4042;
            background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
            background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
            background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
            border-radius: 0 0 10px 10px;
            -moz-border-radius: 0 0 10px 10px;
            -webkit-border-radius: 0 0 10px 10px;
            left: -999em;
            margin: 35px 0 0;
            position: absolute;
            width: 160px;
            z-index: 9999;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
            border: 1px solid rgba(0, 0, 0, 0.5);
    #nav li ul a {
            background: none;
            border: 0 none;
            margin-right: 0;
            width: 120px;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            border-bottom: 1px solid transparent;
            border-top: 1px solid transparent;

    Change this:
    .ddsmoothmenu{
    font: bold 12px Verdana;
    background: #414141; /*background of menu bar (default state)*/
    width: 100%;
    to this:
    .ddsmoothmenu{
    font: bold 12px Verdana;
    background: #new color code;
    width: 100%;
    And repeat this on other selectors.
    Nancy O.

  • PRG issue in richfaces menu navigation..

    hello i have an issue, my footer is polling ajax request,
    i have used PRG in menu navigation,i am setting some data in bean in menu item's action which is in request scope , but as its PGR it is getting lost in the target view, how to resolve this, i don't want to go for putting data in session scope,if i dnt use PRG then the URL on the browser is not getting updated even though the page is changed..
    how to resolve.. ?
    <navigation-rule>
            <from-view-id>/pages/*</from-view-id>
            <navigation-case>
                <from-outcome>PAGE1</from-outcome>
                <to-view-id>/pages/ABC/PAGE1.xhtml</to-view-id>
                <redirect/>
            </navigation-case>if i remove this "*<redirect/>*" then the navigation works fine, and i am getting all the data that was set in action that was called when menu item 's action was performed (it is obvious )
    but the URL in the browser is not updating,.. (i mean if i click menu item from page1, then page will be changed to page2 but the URL is page1 only..)
    how to over come.. ?
    i don't want to use session scope for those data..

    If Dreamweaver is not keeping the setting, it means that you haven't saved the style sheet (File > Save All Related Files).
    Looking at your screenshot, the link in the centre of the padding tool is in the default state. This is what it looks like before you start:
    When you click the chain icon, the links join together like this:
    When they're joined together, you can set all sides to the same value by changing just one.
    If the link in the chain icon is broken, each side must be set separately.

  • 11g Forms Tab-Page Navigation

    I am using Forms 11g on Solaris.
    A main navigator form opens another form which has a content canvas, tab-page canvas and (3) stacked canvases.
    The problem I am having is with tab-page navigation.     CTRL+TAB ( next ) and CTRL+SHIFT+TAB ( previous )
    As long as I do not initiate navigation from an item on a stacked canvas, navigation is as expected ( between tab pages only ).
    However, navigating from an item within a stacked canvas causes navigation to the parent form.
    Repeating the tab navigation keys from the parent form returns to the called form.
    Note that both key-combinations simply toggle back and forth.
    I have found no documentation on tab-page navigation so any help / insight is greatly appreciated !
    Mike

    Hi Soofi !
    Changing block order in the called form does not affect the navigation between tab pages.
    Note in my question that the resulting undesired navigation is to and from the calling form ( which only has one block ).
    Navigation between items and blocks works as expected.
    To reiterate -
         The only navigation that fails is when I attempt to CTRL+TAB or CTRL+SHIFT+TAB to another tab page from within an item on a stacked canvas.
         Attempting this navigation results in moving the cursor focus to the calling form.
         Repeating the attempt from the calling form moves back to the called form.
         None of your methods mention navigation between forms .
    Thanks for your interest.

  • Help with spry tabbed menu bar

    Hi.
    I need help with the spry tabbed menu panel (horizontal) It
    works fine in dreamweaver ( pressing f12 ) but when i goto my
    website www.so-nouveau.com it puts it all over and not in boxes
    either just the writing.
    I ahve double checked all uploading is correct and files are
    located but it wont work.
    Here is what i did >
    new> html> 1 column elastic,centered. i have not
    changed any other settings at all. Do i need to change the doc type
    or css layout in the drop down menus before starting (doc
    type=xhtnl 1.0 transitional and layout css=add to head)
    I am still on cs3 , does this matter ? or is 4 easier ?
    any help out there guys is much appreciated but please bear
    in mind that i am not a web designer or pc expert at all , this is
    just me building my own site , until nowit has been an enjoyable
    experience but grrrrrr when it dont work
    Thanks
    Jay

    so-nouveau wrote:
    > Hi.
    > I need help with the spry tabbed menu panel (horizontal)
    It works fine in
    > dreamweaver ( pressing f12 ) but when i goto my website
    www.so-nouveau.com it
    > puts it all over and not in boxes either just the
    writing.
    Please post links directly to the page having an issue. I saw
    no tabs on the home page, but I noticed that there is a link on the
    bottom of the page to this page that has a Spry tab on it:
    http://www.so-nouveau.com/test%208.html
    > I ahve double checked all uploading is correct and files
    are located but it
    > wont work.
    That page refers to a Spry JavaScript file and a Spry CSS
    file, which should be at the following locations but are not
    present:
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.js
    http://www.so-nouveau.com/SpryAssets/SpryTabbedPanels.css
    Make sure you upload the SpryAssests folder and see where
    you're at after that.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • Accordion widget as a menu navigation

    I want a vertical menu navigation, with some pages having sub level pages.
    The vertical menu widget only seems to position the sub level links to the right. But i want it all vertically stacked with the sub level links only showing when on that page. 
    e.g.
    I have tried using the accordion widget as a menu navigation, by removing the show/hide content and adding the sub level link in the needed ones.
    But when i set the links to the pages the active states don't seem to work when on the particular pages. Any ideas?
    Any suggestions how best to achieve this?
    Thanks
    Nick

    Hello,
    When you say that the active state does not seem to work, if we take the example you have posted above, You want the Design should be expanded when you are on Exhibition Design page and "Exhibition Design" should show the active state. Correct?
    In that case you would need to place the Accordion Widget not on Master page but on  each page Separately.
    And on the pages where you want the Top Manu Labels to be open (expanded), keep them  open on that Particular page in Design view before Publishing/Exporting the site.
    This way, you would be able to achieve the states for the submenus and expansion of Top Menu on the particular pages.
    Regards,
    Sachin

  • Tabs in navigation page (Tabs persistance problem)

    Hello all,
    I'm looking for a workaround of tab persistence (the problem in post URGENT! TAB + Folder navigation Problem )
    ; is it possible, somehow, to make a navigation page with tabs, and in those tabs some kind of auto-redirection to the actual pages ? Or any other way using tabs? I just want to avoid image-map style navigation. This tab persistance feature is sooo anoying...
    Please help

    Hello
    I gave it up using tabs for navigation issue. There are too many problems with that. Now I'm using URL-items within navigation pages and that works fine...
    Cheers,
    Chrigel

Maybe you are looking for

  • Adobe Photoshop touch Crash or freeze

    I buy tris App a fer hours Ago but even with Salles files IT Crash or freeze at the time of open the local file. Im Creative Cloud member and your web site said is include, Ant way I buy the App at the AppStore and I dont like it. How can I get a ref

  • Few keys won't work after coffee spill

    I realize this subject has been beaten to death because I have done searches here and Google multiple times but I can't seem to find a precise answer for my problem. Yesterday, around noon, my daughter spilled some coffee on the keys of my aluminum 1

  • So, am I advised to keep my battery always connected?

    Is it true that laptop users are advised to keep the battery inside even if they are connected with a power cable? I always plug it off and let my laptop to be powered only by AC cable when I'm at home...

  • No inbound interface available in interface determination.

    Hi Guys, I am doing File to web service scenario. I have completed all the steps required in Integration Repository. But in Integration directory while doing interface determination, I am not able to locate my inbound interface. It is showing message

  • Available Hard Disc Space

    I have an iMac4 which I bought a year ago with 500 Gb of hard disc space. I had an iBook with 40 Gb of space and when I got my new machine I transferred all the info across straight away. The strange thing was that I then appeared to have used about