Tree as Navigation bar

Hi,
I want to have a tree likes this one that appears in the page (choose Folder) when I try to add a new Portlet,to use it as dynamic navigation bar.Can you give me any indications to realize it.
thanks

Yoann,
Have you downloaded and looked at the Fusion Order Demo application (from the JDev 11 home page)? In that application you will find (on the home page) a section called "Browse" that displays a tree of product categories, and when the item is selected from the tree, displays the products for that category.
Is this helpful?
John

Similar Messages

  • Invisible text in navigation bar

    When I type something in the navigation bar, I get a list of related pages that I have visited before. The problem is that in Nightly 18, I can see the pages' icons but not the text. All I get is a gray rectangle. If I use the keyboard or the mouse to select one of the invisible results, I got directed correctly to the page. This happens both in Arch linux and in Ubuntu 12.04

    That usually indicates a problem with the font that is used and isn't working or missing.
    Try to use the DOM Inspector to see which font is used in that section.
    *DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
    * https://developer.mozilla.org/En/DOM_Inspector
    * https://developer.mozilla.org/en/Introduction_to_DOM_Inspector
    The DOM Inspector (DOMi) has a menu item (Search > Select Element By Click) and a button to "Find a node to inspect by clicking on it" (left icon on the toolbar).
    * open the browser window in the DOMi (File > Inspect <b>Chrome</b> Document) and choose the first from the list.
    * click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
    * click that element with the mouse and keep the button pressed until you see a red border to indicate the the DOMi has located that element in the DOM tree.
    You need to use the keyboard to get access to the location bar of the Firefox window (Ctrl+L) and type something or press the Down key to open the drop down list.<br />
    Once the list is open then you can click an entry and you should see the red focus ring.
    Then you can check in the right pane in the DOM Inspector which font is used:
    * click the icon with the drop marker in the header and choose "Used Font Faces"

  • Invisible Navigation Bar

    I use Xara to produce my navigation bars, but in Dreamweaver
    8 the bar is generated whee I want it, but not shown in design
    mode. I have tried to turn on visibility in 'View' without success.
    Any suggestions as to what the solution is?

    That usually indicates a problem with the font that is used and isn't working or missing.
    Try to use the DOM Inspector to see which font is used in that section.
    *DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
    * https://developer.mozilla.org/En/DOM_Inspector
    * https://developer.mozilla.org/en/Introduction_to_DOM_Inspector
    The DOM Inspector (DOMi) has a menu item (Search > Select Element By Click) and a button to "Find a node to inspect by clicking on it" (left icon on the toolbar).
    * open the browser window in the DOMi (File > Inspect <b>Chrome</b> Document) and choose the first from the list.
    * click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
    * click that element with the mouse and keep the button pressed until you see a red border to indicate the the DOMi has located that element in the DOM tree.
    You need to use the keyboard to get access to the location bar of the Firefox window (Ctrl+L) and type something or press the Down key to open the drop down list.<br />
    Once the list is open then you can click an entry and you should see the red focus ring.
    Then you can check in the right pane in the DOM Inspector which font is used:
    * click the icon with the drop marker in the header and choose "Used Font Faces"

  • Crm Navigation Bar customization

    Hello Friends,
                   How to add fields to the navigation bar like navigation bar customization .
      i need to add fiels like service orders.
    can anyone pls help me out.
    Regards,
    Vijay Vikram

    The fields in the navigation bar are separated to 2 groups :
    1. Work Centers (Service Orders, Home, Calendar.. )
    2. Direct Link Groups (e.g. Create Link Group or Recent Items ..)
    If you want to add fields as Work Centers you have to understand first that it's not just a link but it's a folder which contains Work Center Link Groups. And note that Work Center Link Groups contains the Direct Links you are seeing in the work area.
    E.g:
    for adding Service Orders to your Business Role : ZCENK_BR
    1. Go to business role customizing, note the Navigation Bar Profile attached to ZCENK_BR, let's say ZCENK_NB
    2. Go to Navigation Bar Profile Customizing, select your Navigation Bar Profile ZCENK_NB,  go to the Assign Work Center branch of the tree structure on the left. There you add the related work centers.
    3. Click New or press F5, add your work center, e.g. SRV-ORD which is Service Orders
    4. That's all for navigation bar customizing, now we have to go to business role customiizing to Activate the links that Service Order Work Center contains. (This is because a navigation bar profile can be assigned to several Business Role, so a change has to be activated in each Business Role so that you don't change every business role for a little change.)
    5. go to Business Role Customizing and select your Business Role
    6. select on the left side hierarchy "Adjust Work Center Group Links" and check visible (in work area) or in menu(2nd level menu of the field) fields for every link you want to appear from the work center. Note that here, the first column should be the work center you have added like SRV-ORD in our case.
    I hope this helps,
    Cenk Sezgin

  • FF 5.0. Windows 7 The main navigation bar has suddenly started to bring up my igoogle page each time I enter a query. Is there a way to prevent this from happening?m happening.

    I suddenly started getting a black igoogle bar when attempting to use the navigation bar at the left side of the browser.
    I have added no add on to which I can attribute this.
    I started to eliminate the Igoole program at the site but became concerned when it appeared that I might also remove my gmail account, which I had earlier -and separately from Igoogle- created.
    I would like to prevent the google page from coming up when I use the left side of the navigation bar.
    Thanks
    Sam

    This is something you need to report via the Feedback button (or use the link on the Help menu).
    Firefox 5.0 is still in BETA and not slated for release until June 21.
    Reinstall the full version of the current release which is v4.0.1, download link at the top of this forum.

  • Some add-ons are missing in the tools menu and / or modules and navigation bar

    I am running Firefox 20 FRENCH (this is maybe important as all of this below does not appear with the EN version...) on MacOSX 10.6.8.
    Symptoms :
    - Web Developer toolbar not displayed anymore.
    - Xmarks add-ons not displayed in the module bar.
    - Icons of other add-ons displayed in the navigation bar ONLY after the first firefox opening i.e. just after system restart. If firefox is closed and re-opened, all the add-ons icons are lost.
    > All the add-ons are installed in tha add-on menu.
    > This behavior only appear with the FRENCH versions of firefox (tried 19.0.2 and 20).
    > Installed the 19.0.2 ENGLISH version and all is OK !!!
    Fixes attempts (tried almost everything...) :
    - Reset firefox profile and restart with a new one : no effect (after I have reinstalled all the add-ons one by one...)
    - Uninstall Firefox (with profiles folder, cache folders, etc...) then reinstall : no effect
    - The only thing that is working is using the ENGLISH version...
    This is really annoying because as a web developer I really need the Web Developer extension.
    Does anyone has an idea of how to fix this ?
    Thank you very much for your help !
    Regards,

    Does it have any effect if you change the general.useragent.locale pref to en-US ?

  • Removing that navigation bar in the new Preview

    Is there any way of removing the navigation bar which appears at the bottom of the screen when you view images in Preview's full-screen mode?
    Under older operating systems you could at least move shift it to the side, but now it doesn't seem possible to move it at all.

    Thanks Tony - it was "slideshow mode" I should have referred to.  The black navigator box doesn't appear in full screen mode.
    The point remains about slideshow mode - it used to be possible to move the black navigation box, but now it seems to be stuck bottom centre. 

  • Pl/sql editor navigation bar

    hi!
    Is it possible to have the navigation bar for pl/sql editor in Visual Studio inside an Oracle Database Project?
    The navigation bar is visible if I open a package body from server explorer, but not if I open the generated create script.
    The navigation bar option is disabled in Tools / Options / Text Editor / Oracle pl/sql
    Any hints?
    thx in advance,
    Balint

    Create an application item and select your real user name into it within the post authentication process (part of your authentication process). Reference &APP_ITEM. instead of &APP_USER.
    Denes Kubicek
    http://deneskubicek.blogspot.com/
    http://www.opal-consulting.de/training
    http://apex.oracle.com/pls/otn/f?p=31517:1
    http://www.amazon.de/Oracle-APEX-XE-Praxis/dp/3826655494
    -------------------------------------------------------------------

  • Why has the "Reload current page" control been moved to the navigation bar Firefox 29? I would like to be able to place it where I had it in Firefox 28.

    After getting the Firefox 29 download I tried to rearrange my buttons\controls to where I was used to having them in Firefox 28 and prior. I noticed, in particular, that the "Reload current page" control is no longer available to be set in front of the navigation bar where I've had it for years now. The reason I chose Firefox in the first place was because I could customize it to my liking. I know you can simply right click and "Reload" the tab or just get used to going to the end (right side) of the navigation bar but that defeats the purpose completely for me.
    Here's an analogy; Ford decides they will now replace current model cars in the US with British standard style vehicles. Every car sold by Ford will now be right-hand steer. While this may seem like a "no biggy" to some, others, especially those of us who are inclined to drive standard transmission vehicles, may be a bit resistant to that change. Not sure if I successfully made my point or not but hopefully I did.
    Initially I thought I'd start by "Has someone fallen and hit their head?' or "Did Steve Ballmer suddenly take over Mozilla, in particular the build of Firefox 29, because this one smells like a Windows 8 (aka the aroma of a full sewer tank on a hot day)?" It is understood that updates are required and as an IT guy, I've been around for many a faux pas where the kinks just need to be worked out. They happen. Maybe some consideration will be made with Firefox 30 to those of us in the states that are used to left-hand steer vehicles.
    I may be missing something here, and will gladly fall on my sword if that is the case, but there is no indication that I've seen from the Mozilla sight that the "Reload current page" control can be manipulated in any way as of Firefox 29. On the bright side, I now have a good reason to go back and review some of the browsers I discounted back in the day when I decided to go with Firefox.

    As far as I know, [https://addons.mozilla.org/firefox/addon/classicthemerestorer/ the Classic Theme Restorer add-on] is the only way move the Reload button outside the address bar.
    # Install [https://addons.mozilla.org/firefox/addon/classicthemerestorer/ Classic Theme Restorer] and restart Firefox when prompted.
    # Open the Add-ons Manager (Ctrl+Shift+A; Mac: Command+Shift+A), then the Extensions category.
    # Next to Classic Theme Restorer, click the Options button.
    # On the Main tab, make sure "Movable back-forward button" and "Hide urlbars stop & reload buttons" are checked. You might also want to check "Combine stop & reload buttons". Close the options window when done.
    # Right-click an empty area of the tab bar and choose Customize.
    # Drag the Back/Forward, Stop and Reload buttons onto the navigation toolbar.
    # Click the Exit Customize button in the lower right corner when done.
    That being said, I should point out that you can reload pages in other ways.
    * Right-click any tab and choose Reload.
    * Right-click an empty area of the page and choose Reload.
    * Press F5.
    * Press Ctrl+R (Mac: Command+R).

  • With version 5 of Firefox, if I open more than 1 session, most of the time I cannot see anything in the navigation bar and my back and forward buttons do not work.

    I open 1 session of Firefox 5.0.1 and everything seems to work fine. Then I open a second session of Firefox and most of the time the navigation bar does not show the page that I am on and the back and forward buttons do not work. When this happens, the first session always remains working. I am an internet marketer so I have at least 2 or 3 sessions going at any given time.

    A possible cause is a problem with the file places.sqlite that stores the bookmarks and the history.
    *http://kb.mozillazine.org/Bookmarks_history_and_toolbar_buttons_not_working_-_Firefox
    Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
    *Don't make any changes on the Safe mode start window.
    *https://support.mozilla.com/kb/Safe+Mode
    *https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

  • How can I use my Html/CSS Navigation bar to control an Edge Stage?

    I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage. 
    Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
    The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
    sym.play("home");
    and animate a 6000px width symbol across my 1000px stage in 1000px increments.
    I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
    So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
    currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
    Many thanks to anyone who can help with this!
    Here is the code for the navbar:
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    Full HTML:
    <!DOCTYPE html>
    <html>
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
              <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-57204389 { visibility:hidden; }
                  .block-menu {
                                  display: block;
                                  background: #000;
                        .block-menu li {
                                  display: inline-block;
                        .block-menu li a {
                                  color: #fff;
                                  display: block;
                                  text-decoration: none;
                                  font-family: 'Passion One',Arial,sans-serif;
                                  -webkit-font-smoothing: antialiased;
                                  -moz-font-smoothing: antialiased;
                                  font-smoothing: antialiased;
                                  text-transform: uppercase;
                                  overflow: visible;
                                  line-height: 20px;
                                  font-size: 24px;
                                  padding: 15px 10px;
                        /* animation domination */
                        .three-d {
                                  -webkit-perspective: 200px;
                                  -moz-perspective: 200px;
                                  perspective: 200px;
                                  -webkit-transition: all .07s linear;
                                  -moz-transition: all .07s linear;
                                  transition: all .07s linear;
                                  position: relative;
                                  .three-d:not(.active):hover {
                                            cursor: pointer;
                                  .three-d:not(.active):hover .three-d-box,
                                  .three-d:not(.active):focus .three-d-box {
                                            -moz-transform: translateZ(-25px) rotateX(90deg);
                                            -webkit-transform: translateZ(-25px) rotateX(90deg);
                                            -o-transform: translateZ(-25px) rotateX(90deg);
                                            transform: translateZ(-25px) rotateX(90deg);
                        .three-d-box {
                                  -webkit-transition: all .3s ease-out;
                                  -moz-transition: all .3s ease-out;
                                  -ms-transition: all .3s ease-out;
                                  -o-transition: all .3s ease-out;
                                  transition: all .3s ease-out;
                                  -webkit-transform: translatez(-25px);
                                  -moz-transform: translatez(-25px);
                                  -o-transform: translatez(-25px);
                                  transform: translatez(-25px);
                                  -webkit-transform-style: preserve-3d;
                                  -moz-transform-style: preserve-3d;
                                  -ms-transform-style: preserve-3d;
                                  -o-transform-style: preserve-3d;
                                  transform-style: preserve-3d;
                                  pointer-events: none;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                        .front {
                                  -webkit-transform: rotatex(0deg) translatez(25px);
                                  -moz-transform: rotatex(0deg) translatez(25px);
                                  -o-transform: rotatex(0deg) translatez(25px);
                                  transform: rotatex(0deg) translatez(25px);
                        .back {
                                  -webkit-transform: rotatex(-90deg) translatez(25px);
                                  -moz-transform: rotatex(-90deg) translatez(25px);
                                  -o-transform: rotatex(-90deg) translatez(25px);
                                  transform: rotatex(-90deg) translatez(25px);
                                  color: #FFE7C4;
                        .front, .back {
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  background: black;
                                  padding: 15px 10px;
                                  color: white;
                                  pointer-events: none;
                                  -moz-box-sizing: border-box;
                                  box-sizing: border-box;
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <body>
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    <div  id="Stage" class="EDGE-57204389">
    </div>
    </body>
    </html>

    I've come across this from the Edge API:
    Edge.getComposition(compId)
    Anyone having trouble with this same issue should try this:
    var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
       targetComp.getStage().play();
    in their trigger or event handler.
    How I got it to work:
    <li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
       targetComp.getStage().play();" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>

  • Open url from top navigation bar in work area

    Hi.
    I added in top navigation bar one link (component CRMCMP_HDR_STD, view MESSAGE). How i would like to show content of that url in workarea of web ui window.
    I know that I can call url with href, but the problem is that this url content is then shown in that top navigation bar which is very small. I also know how to show that content in new window.
    But as I said Iwant to show it in workarea window. Like for example if you click on Personalization link in navigation bar.
    I checked how this Personalization call works in standard but it is somewhove hardcoded.
    Any ideas? Help will be appreciated.

    I would have even bettter requirement. I developed Z component. And I want to call this Z component from navigation bar link (component CRMCMP_HDR_STD, view MESSAGE).
    But as I said, I don't want to open that Z compoennt instead of CRMCMP_HDR_STD component in top bar, but in workarea. The requirement is similar as when you would click on any option in left navigation bar, which then opens component in workarea. But I don't want to launch my Z component from left navigation bar (which I know how to use), but from top navigation bar.
    Help appreciated.

  • I have no navigation bar and firefox will not open in safe mode to reset to default config. Reinstalling doesn't work. Any help please.

    I have no navigation bar ever since I closed it to gain more space on the screen. It won't re-open. Firefox will not open in safe mode, but opens immediately in normal mode with the new improper config, so I cannot reset to default config. I erased Firefox and re-installed and it still opens with the same faulty config. Why does Firefox not give me the safe mode dialog box, why can I not re-open the nav bar, and how can I do these two things, please? Firefox is currently unusable for me without a nav bar and without access to the default settings in safe mode. I cannot research the extensions I'm running since I have no nav bar to go to Tools, Add-ons, Extensions.
    == This happened ==
    Every time Firefox opened
    == I closed the navigation bar to gain more space on the screen and I couldn't re-open it. ==
    == User Agent ==
    Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB6.4; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)

    Hit the '''Alt''' key to show the Menu bar, then open View > Toolbars and select Menu bar and Navigation bar, so they have a check-mark.

  • Please see my site about Navigation Bar Links not working

    Greetings,
    I have an urgent issue with www.ForexProFund.com and it's navigation bar links. For some reason only some of the links work in the navigation bar. I have tried and recreated new pages and moved all the content over to the new pages with no luck. I moved the nav bar to the most "forward" position and pushed everything else to the back so it's on the top for sure. You can see that on the "contact" page, the navigation bar does not work, and I have no idea why...it's the same on the "Open Account" page.
    I really need this fixed, as I am sure many of you do.
    Thanks in advance for any input or ideas.
    Jason :>

    Hi there,
    Can you tell me how to "reduce" these things? I am not sure why some links in the nav bar and others do not...maybe I am doing something wrong? Very frustrating since Mac. does not let you simply setup a nav bar....it all has to be template based and then these types of things happen. Either way, if you have details of how to remedy this, please let me know. I tried to remove the line under the nav bar on the first two pages and still no luck.
    Thank you!

  • How can I pin the ONLY link I need (Bookmooch java) to the navigation bar instead of opening up a whole new toolbar?

    I sent a better written request with an incorrect email address before ...
    I would like to add a single URL link as a button to the navigation bar, instead of having to open a whole new toolbar for it alone.
    I have moved all my add-ons to this single visible toolbar with the help of an add-on, but there isn't one for the Bookmooch bar. The official one can only be dragged into the bookmarks bar which I never use.
    If I created a whole new bar and moved all the preset tools (home, back, etc) onto it, could I combine them with that URL button?
    Or is the only way to fiddle with the registry and replace bits of the Mozilla code?
    The link to the only person offering custom toolbar icons (I managed to find) won't load.
    Help? Thank you!

    https://support.mozilla.com/en-US/kb/How+to+customize+the+toolbar <br />
    http://kb.mozillazine.org/Toolbar_customization
    When you are in the Toolbar Customize mode, move the '''Bookmarks Toolbar Items''' to the Navigation Toolbar. Then hide the now empty Bookmarks Toolbar.

Maybe you are looking for