Left navigation bar.???

Hello guys..
My question is based on this below website:-
[http://www.mnsu.edu/supersite/about/]
I have two questions for u,
1) How to keep tabs same as the horizontal toolbar..... (yellow color with "university home", "about", etc etc)??? &
2) How to do left navigation bar specific to the tab clicked by the user?? (assume that user clicks on the About tab of the yellow color horizontal bar than the links based on that(About) tab should be displayed on the left navigation bar(according to ex. "pages for", "quick links", etc etc))
Does anybody has idea how to do?????? also if u guys have some good example links than it would be very much greatfull ............
appreciated!!!!!!!!!!!!!
regards,
Kumar

hello guys,
with these below link I am able to created "Standard or Parent tab set"
[http://www.instantaccess.nl/wornmouse/Tabs-with-Oracle-Apex.pdf]
but into the child tab of the Parent tab set, I want to create a region on the left side (for each page) which displays URL/page links, after clicking on each of the links he/she will be redirected to that link/page.
any good example or link which will be helpful to me.
thxs
regards,
Kumar

Similar Messages

  • 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.

  • Problem with custom navigation bar

    I'm trying to create a custom left navigation bar with adaptive tag. when user click on the link it will direct to a pagelet which is created with page template. How can I do it? I don't understand what is pt:objectid? Where can I look for answer? I just need a simple example. Thank you.

    You can get the object id from the "Edit this Community" feature under "My Communities" then look in "properties and names". If you look in the address bar you could also see the objid in there (objId=1234). I was having problems with this too.
    What I did was use the ptdata tag like this:
    <div id="topNav">
    <pt:ptdata.currentcommunityiddata pt:id="currcomm" />
    <pt:ptdata.subcommunitiesdata pt:commid="1234" pt:id="subcommunityPages" />
    <ul>
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="3217">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">Home</pt:standard.openerlink>
    </li>
    <pt:logic.foreach pt:data="subcommunityPages" pt:var="varCommunityPage">
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="$varCommunityPage.objid">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:core.html pt:tag="a" href="$varCommunityPage.url" title="$varCommunityPage.title">
    <pt:logic.value pt:value="$varCommunityPage.title"/>
    </pt:core.html>
    </li>
    </pt:logic.foreach>
    </ul>
    </div></p>
    <p>This is for a community that has subcommunities. you could also do the same thing with pages instead.
    Short explaination:
    This line sets up a data object for the current community data and assigns it the variable name "currcomm":
    <pt:ptdata.currentcommunityiddata pt:id="currcomm" /></p>
    <p>This line gets the subcommunities for a particular community (in this case commid="1234" ). You specify which community with the pt:commid.
    <pt:ptdata.subcommunitiesdata pt:commid="1234" pt:id="subcommunityPages" /></p>
    <p>I used a <ul> for it but you could really do it any way you want.</p>
    <p>I added a static "home" tab that will always link to my top level page of the community. this is optional and there may be a better way of doing it:
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="3217">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">Home</pt:standard.openerlink>
    </li></p>
    <p>for a link to your page you can use this tag. You can get both the objectid and classid from the "properties and names" page as mentioned above. pt:mode is how/what should be displayed (The action of the link (Opener mode). 1 = Open, 2 = View, 3 =ViewMeta.)
    <pt:standard.openerlink pt:objectid="3217" pt:classid="512" pt:mode="2">
    I also have a choose in there to test if the current community you're in is the same as the community of the link. That lets me add a class="down" for a down state. </p>
    <p>This loops through all the subcommunities and builds a link in this format <li>TITLE OF COMMUNITY</li>. </p>
    <p><pt:logic.foreach pt:data="subcommunityPages" pt:var="varCommunityPage">
    <pt:standard.choose>
    <pt:standard.when pt:test="isMatch" pt:str1="$currcomm.objid" pt:str2="$varCommunityPage.objid">
    <li class="down">
    </pt:standard.when>
    <pt:standard.otherwise>
    <li>
    </pt:standard.otherwise>
    </pt:standard.choose>
    <pt:core.html pt:tag="a" href="$varCommunityPage.url" title="$varCommunityPage.title">
    <pt:logic.value pt:value="$varCommunityPage.title"/>
    </pt:core.html>
    </li>
    </pt:logic.foreach>
    </p>
    <p>Hopefully that is what you're trying to do.
    Like I said, you can use the same process for pages instead of subcommunities by using the communitypagesdata tag instead of subcommunitiesdata. You could also combine the two and list all the subcommunities with a foreach loop and inside each loop get the pages from the communitypagesdata with the commid set to the subcommunity objid for that subcommunity.</p><p>
    THis document is very helpful with PT tags... [url http://e-docs.bea.com/alui/devdoc/docs60/References/API_Libraries/TagDocs/index.html]http://e-docs.bea.com/alui/devdoc/docs60/References/API_Libraries/TagDocs/index.html</p>
    -Matt
    Edited by thelimpingtoad at 03/14/2008 5:55 AM

  • Can we move the navigation bar (prev, next link) of advanced table to left?

    Hi,
    I have a question regarding the OA Framework advancedTable navigation bar.
    Normally it is shown on the top right corner of the table, if it contains more than 10rows,
    it will show on the bottom as well.
    My question is, is there a setting to move this navigation bar (Previous Link, Records List, Next Link)
    from the right side to the left side or to the middle?
    In the OAF Developers Guide it doesn't state about being able to move this navigation bar.
    Navigation
    The navigation bar allows you to traverse across different row ranges of a table and is rendered:
    - At the top of the table if the number of rows in the table is less than 10.
    - At both the top and bottom of the table if the rows in the table is equal to or greater than 10.
    Note: No navigation bar is displayed if the number of rows in the view instance is less than the value specified
    for the advancedTable Records Displayed property.
    When a user first navigates to the page, OA Framework does not know how many rows will be returned to the
    table. The navigation bar simply shows the Previous and Next links.
    Once the user navigates through all the rows, the navigation bar displays the row range as a poplist so that the
    user can navigate directly to a specific range of rows, as shown below.
    Thanks.

    Hi,
    I don't think there is anyway to move the same from right to left/Middle.
    Regards,
    Gyan

  • Unable to find Contract term in the navigation bar at the top left side of the souring page

    HI,erveryone:
    i can't find Contract term in the navigation bar at the top left side of the souring page.
    this is what i have tried:
    1,an approved contract module connected with RFI,RFQ
    2,set porfiles in system administrator->porfile->system  :PO: Contracts Enabled YES
    what else i shall set??
    THANKS

    In Firefox 3.6 on Windows you can hide the menu bar via "View > Toolbars" or via the right click context menu on a toolbar.
    Press and hold the Alt key down to bring up the menu bar.
    Go to "View > Toolbars" or right-click the menu bar or press Alt+V T to select which toolbars to show or hide.
    See also [[Menu bar is missing]]

  • 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.

  • 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).

  • 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>

  • [Forum FAQ] Customize the Navigation Bar in Outlook 2013

    In Outlook 2013, the Navigation Bar is a gray bar which lists commands at the bottom of the Outlook window that enable you to quickly navigate to Mail, Calendar, People, and Tasks.
    You can change the Navigation Bar settings for a single user by clicking
    … and then Navigation Options. For more information, please refer:
    http://office.microsoft.com/en-us/outlook-help/change-what-appears-on-the-navigation-bar-HA102838974.aspx
    However, if you want to change the Navigation Bar settings for all users in your organization, you’ll need to modify the registry.
    Important This section, method, or task contains steps that tell you how to modify the registry. However, serious problems might occur if you modify the registry incorrectly. Therefore, make sure that
    you follow these steps carefully. For added protection, back up the registry before you modify it. Then, you can restore the registry if a problem occurs. For more information about how to back up and restore the registry
    http://support.microsoft.com/kb/322756.
    To modify the Compact view
    To maximize the vertical height of the Outlook window you can use Compact Navigation. We can change the setting by creating the
    ABCompact registry key. To do this, please follow the steps:
    1. Press Windows key + R to open the Run command, type regedit
    and press Enter to open the Registry Editor.
    2. Locate the following registry path:
    HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Options
    3. Right-click on the Options folder and select NEW > KEY, name it
    WunderBar.
    4. Select the WunderBar key, right-click on it and select
    NEW > DWORD (32-bit) Value and name it ABCompact.
    Value name: ABCompact
    Value type: DWORD (32-bit)
    Value: 1 to tick the Compact Navigation;
    0 to untick it.
    5. Restart Outlook to make the change.
    To modify the Maximum number of visible items
    To change how many views appear on the Navigation Bar, you need to change the number for Maximum number of visible items by modifying the
    NumBigModulesAB registry key.
    Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
    Value name: NumBigModulesAB
    Value type: REG_DWORD
    Value: 1-8
    The key doesn’t exist by default. When the value is set to 1, only
    Mail will appear on the Navigation Bar. If the value is set to
    8, all views will appear.
    To modify which view is turned on or off
    You can also turn one or more views off from the Navigation Bar. This is controlled by a registry string named
    ModuleVisible15.
    Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
    Value name: ModuleVisible15
    Value type: REG_SZ
    Value: 1,1,1,1,1,1,1,0,0
    By default, the string value is set to 1,1,1,1,1,1,1,0,0.
    1 means the view is turned on while 0 means the view is turned off. Moreover, the value correspond one-to-one with the views, for example, the first “1” correspond to
    Mail, and the second “1” correspond to
    Calendar… By default, the eighth and ninth view is turned off. The eighth is
    Journal and I have no idea what the ninth number stands for. You can open Journal by pressing Ctrl+8, but if you want it to appear on Navigation Bar, you can change the eighth “0” to “1”.
    To modify the view order
    If you want to switch the positions of Mail and Calendar, you’ll need to modify the
    ModuleOrderAB string.
    Value path: HKEY_CURRENT_USER\Software\Microsoft\Office\15.0\Outlook\Preferences
    Value name: ModuleOrderAB
    Value type: REG_SZ
    Value: 1,2,3,4,5,6,7,8,9
    The default order for the Navigation Bar is:
    Mail  Calendar  People  Tasks  Notes  Folders  Shortcuts 
    Journal
    In the registry string there are 9 numbers (1~9), let’s just ignore 9. So, there are 8 numbers left and each number has some relationships to each Navigation item.
    Here is the logic:
    There are 8 Navigation Options. Let’s say ‘Mail’ is Nav1, Calendar is Nav2, People is Nav3, …, Shortcut is the Nav7 and Journal is Nav8.
    Meanwhile, there are 8 positions to put those 8 Navigation items, we name them
    position1 to position8, from left to right.
    For example,    CALENDAR  TASKS  PEOPLE  FOLDERS  MAIL  NOTES  SHORTCUTS 
    Journal
    ModuleOrderAB=    5                
    1              3               
    2              6           
    4                
    7                   
    8
    The number “5” is in the first position of the ModuleOrderAB string and it takes
    position1. The default navigation option for position1 is
    Mail.
    So, “5” means put Nav1 (Mail) on position5.
    “1” is on position2, default navigation item on
    position2 is Calendar. It means put Calendar on
    position1.
    So, “3” means put People on position3; “2” means put
    Task on position2… and so on.
    If you have more questions, welcome to post in the forum. Thank you.
    Please click to vote if the post helps you. This can be beneficial to other community members reading the thread.

    There isn't a built in way to do that since all the navigation toolbars are on one toolbar.
    You can restore this functionality by installing the Classic Theme Restorer add-on
    *https://addons.mozilla.org/en-US/firefox/addon/classicthemerestorer/

  • How to display table range navigation bar at the bottom of the tr table i

    Hello,
    While I am using trinidad, I have to face a critical issue. Can I display table range navigation bar at the bottom of the <tr table> in Trinidad? and remove the range dropdown list, only show the "previous" and "next" link? The project is critical on the UI, this problem is very small but has to be fixed? Does anyone have any ideas&#65311;

    Difficult to do?  No.
    <ul id="bottom-nav"><li><a hef="whatever.php">whatever</a></li><li class="last"><a hef="whatever2.php">whatever2</a></li></ul>
    With this CSS -
    ul#bottom-nav {
         list-style-type:none;
         overflow:hidden;
         width:70%;
         margin:0 auto;
    ul#bottom-nav li {
         float:left;
         padding-right:10px;
         border-right:1px solid #FFF;
    ul#bottom-nav li.last {
         border:none;
    ul#bottom-nav a {
         /* your styles here */

  • How to present content without showing the item in left nav bar?

    Here's the scenario -
    I have a single role.  A user logs in and gets their content accordingly.  The default content in the main display area is whatever the first item in the role is (e.g. IView A).  Under that are various folders, iviews, etc.
    How can I make the content from IView A appear, but not actually show the title of IView A in the left hand nav bar?

    Here is what you can do (left navigation is called detailed navigation)
           1.      From the Page Content List of the Default Framework Page, select Desktop Innerpage and click Open.
           2.      From the Page Content List of the Desktop Innerpage select the Detailed Navigation iView and click Properties.
           3.      Scroll to the Start at Level property and assign a value that is one higher than the value of the Number of Display Levels property in procedure l. Configure Top-Level Navigation. For example, if top-level navigation is configured for one level, the detailed navigation begins on the second level, that is with the value 2.
           4.      Click Save.
    Detailed navigation is not automatically synchronized with top-level navigation; the values you enter for top-level and detailed navigation must agree. For example, if you enter the value 1 for top-level navigation, while detailed navigation still has the value 3, one level is left out, creating a gap.
    For more details check this
    http://help.sap.com/saphelp_nw04/helpdata/en/2d/91e33edd37de63e10000000a11405a/frameset.htm
    Regards,
    Piyush
    ps: please award points for useful answers.

  • How to open a new browser window from a link on the navigation bar

    Hi,
    I entered a URL in the 'URL Target' field for the Navigation Bar Entry. As expected when the I clicked on the link in the Navigation Bar my browser refreshed with the target URL.
    I want to be able to actually open a new window rather than refresh my current window. The help text says, and I quote ...
    "In the link generated for this icon include the following onClick javascript. Use of the onclick javascript could popup a help page in a new window (see example 1).
    Example 1:
    window.open('US/asfhhome.htm','Help','scrollbars=yes,resizable=yes,width=625,height=350,left=25,top=150');return false
    Set the Icon Target attribute to # if you are using OnClick JavaScript. Set the Image Alt Text attribute to the text the user will see to click on."
    So I created similar Javascript as to the example and placed in the 'OnClick Javascript' field, and placed a '#' in the 'URL Target' field.
    When I run it doesn't work, the '#' is picked up and the Javascript is ignored. Can somebody please tell me what I'm doing wrong.
    Thanks

    I had the same problem. I finally ended up just using the standard popupURL javascript. In the URL Target I have:
    javascript:popupURL('<link>')
    This opens a new window but since it is for popups the menus are missing. You may want to write your own javascript function to open the new window with your own settings.
    Search the forums for popupURL for more ideas.
    javascript:popupURL()
    --Jeff                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           

  • Navigation Bar

    Hi,
    I want to create a navigation bar that consists of two parts, on the left side of my page. The first part includes symbols and is narrow; the second part includes the description of the symbols and is therefore wider.  The first bar is always visible. The second bar should be invisible on page load and fly in when triggered (by rolling the mouse over the first narrow part). When rolling off the second part, it should fly out again. I managed to let the second bar fly in and created a button with the same size as the second, wider bar, which triggers the "fly out" effect when the mouse moves off this button. So far, so good.
    The tricky part is that I want to include 10 smaller buttons within the second part, which change color when rolled over and which link to different pages.
    I manage to trigger the second bar and let the different buttons change their colors etc. but the problem is that the second bar doesn´t fly out again. It seems that the button that triggers the fly out effect is underneath the other buttons and can therefore not be triggered.
    Here is a picture of what I just described. I hope it helps to understand my problem.
    Is there a different and more elegant way to create such a navigation bar?

    Doesn't make sense. Interactive PDF is totally different from an App.
    Apps would let you do most of what you want, but the amount of work is daunting. (Bob Levine knows this quite well.) And I don't think things can move from left to right.
    Interactive PDF is a bit less daunting, but I know things won't move in from left to right.
    Salah's example is the easiest to create with an interactive PDF or App

  • Adding a button before the TOC button in a WebHelp Pro navigation bar

    My client wnats to add a "Home " button to the left of the TOC button in the navigation bar. I can ad buttons to the right of the "standard buttons": TOC, Search, Print, and Glossary, but even if I go and edit the skn file and add the "Home" botton before the TOC one, it still displays to the right. Is there anything I am missing?
    Thanks.
    Using RoboHelp 9 and Robohelp Server.
    Thanks

    Hi,
    I don't have RH Server, so this is a bit of a guess but I think one method will work.
    Modify the toolbar order in whstart.js.
    1. In whstart.js, go to line 184 (RH10), it has the text else if (nMsgId == WH_MSG_TOOLBARORDER).
    2. Below the opening bracket add the following code:
    oMsg.oParam = "CUSTOM|toc|glo|idx|fts|blackblock|searchform|banner";
    return false;
    3. Open whskin_tbars.htm and go to the bottom of the file to find a few calls starting with addButton.
    4. Copyt the id of the button (customxxxx) and replace the text CUSTOM in whstart.js.
    Modify whskin_tbars.htm
    1. Open whskin_tbars.htm
    2. Go to the bottom of the file and find a few calls starting with addButton.
    3. Set the lines in the order you want the buttons to appear. (Don't forget the 'blankblock' button to push certain content to the right of the toolbar.
    4. Remove the call to the function ReSortToolbarButtons() from the file whskin_tbars.js.
    If WebHelp does still resort the buttons, try adding return false; as the first code in the function ReSortToolbarButtons() in the file whtbar.js
    Hope this helps,
    Greet,
    Willam

  • How do I add an image above the navigation bar?

    I'm trying to add an image above the navigation bar and can't seem to do it without covering the links. Does anyone know how to do that?
    Thanks!

    Hi,
    select the page you want to add the image to
    open up the Inspector and go to the Page Tab (second from left)
    Choose Layout and increase the size of Header Height
    Regards,
    Cédric

Maybe you are looking for