Best way of having left-side navigation menu?

Hello Folks,
I'm interested in developing an application using JSP and the design requirement is that it should have a left-side navigation menu. Is there an Oracle recommended way of doing this or should I resort to using DHTML? In addition, please let me know if you have any suggestions.
Thanks!

You have two parts in your question: left side navigation menu;
You can define and use templates (HTML Templates) for your Pages in the Portal to structure your pages, such that Navigation or navigational tools can be placed on the page wherever you like. That is for the positioning of the navigational tools.
To define your navigational tools (menus, for eg), you may still use DHTML and/or a combination of other methods.
hope that helps!
AMN

Similar Messages

Best approach -Tabs based ADF Tree left side navigation with Dynamic Regions with out UI Shell

Hi,
Somebody can help for the best approach to implement the following requirement.
Req: When the user select the ADF Tree left side navigation menu, each menu will open as multiple tabs(Dynamic Tabs) in right side content area with out UI Shell Template.
I completed the
Step-1: From the Model project, I can able to render ADF Tree in the using view and view links. I can get the adf tree which is having 3 menu items. Each menu item having 2 sub menu's.
I took each menu item as one(1) taskflow, each taskflow will have two(2) fragments.
Total I have 3 task flows as Menu Items and 6 fragments for sub menu's.
Step-2: My question is How do I implement Tab based the ADF tree navigation (left side area to dynamic regions in content area) through dynamic regions? Please provide the steps in view layers.

Than ks for your response.
This is working fine for ADF Tree navigation with dynamic regions if the taskflow having only one fragment. if the taskflow having more than one fragments, this will not work. The following conditions are always satisfies one page fragment of either "employees" or "departments" task flow. If the "employees" task flow have 2 page fragments, it's not work even you pass parameters through routers.
public TaskFlowId getDynamicTaskFlowId() {
if (currentTaskFlowID == null ||
currentTaskFlowID.equalsIgnoreCase(“employees”)) {
return TaskFlowId.parse(employeetaskFlowId);
if (currentTaskFlowID != null &&
currentTaskFlowID.equalsIgnoreCase(“departments”)) {
return TaskFlowId.parse(departmetaskFlowId);
return TaskFlowId.parse(employeetaskFlowId);
My question is "Same use case with Dynamic Tabs" when the user click on any adf tree node.

Portal left side navigation proble

Dear All,
I am facing one strange problem in portal left side navigation. I am having 18 pages in left side navigation panel those pages are appearing when i typed portal url with host name. If i typed portal url with IP address 18 pages are not visible but the first appliction which is default is loading loading.
I dont know why pages are not loading
Can any one help me out for this issue its URGENT.
Regards
Suresh

If your portal server IP Address is say 1.2.3.4 and the port no. is 50000
you are right now accessing portal through http://1.2.3.4:50000/irj
Now what you need to do is
go to run command type drivers. When it opens go to etc folder. then hosts file
there make an entry like
1.2.3.4 epdev
now you can access the portal through http://epdev:50000/irj
Hope this helps!
Regards
Atul Shrivastava

How to make side navigation menu using ADF

Hi,
I wanted to make a side navigation menu, like, there is a vertical menu and if I place the cursor on(or select) one of the menu item and it shows the children menu items sideways( having go links).
How can I achieve that?
I am using Jdev 10.1.3.3

If I understand your requirement you're looking for something like this: http://deluxe-menu.com/sound-support-sample.html
Under 10.1.3 using ADF Faces I don't believe there is a component available to achieve this. Potentially under 10.1.3 you'll need to look to a 3rd party Javascript solution. Whether this will work with ADF Faces + JSF navigation is questionable. Potentially others on the forum can comment.
As an alternative solution under 10.1.3 you may want to look at using an af:tree component instead. It wont be as nice as the solution shown above, but will give you a multilevel menu selection.
Regards,
CM.

How to render side navigation menu programmatically.

Hi all,
I Have standard pages (i.e Customer online pages ) when I navigate one page to another page 2nd page have side navigation menu
This page is attached as first page in side navigation menu so by default this menu is displaying if I navigate from this page to
Author pages using keep_menu_context it is displaying to all author pages.
Now my requirement is I need to go 3rd page from 1st page on that time the menu is not displaying (side navigation menu).
Thanks in advance....
Regards,
Sridhar.

If I understand your requirement you're looking for something like this: http://deluxe-menu.com/sound-support-sample.html
Under 10.1.3 using ADF Faces I don't believe there is a component available to achieve this. Potentially under 10.1.3 you'll need to look to a 3rd party Javascript solution. Whether this will work with ADF Faces + JSF navigation is questionable. Potentially others on the forum can comment.
As an alternative solution under 10.1.3 you may want to look at using an af:tree component instead. It wont be as nice as the solution shown above, but will give you a multilevel menu selection.
Regards,
CM.

My Side Navigation menu and spry tabbed panels aren't working together. Can I fix this?

I have made some tabbed panels, but my side navigation is not working correctly now. See the following page for an example. http://www.foxthermalinstruments.com/products/index.php When you mouse (hover) over "Applications" on the side navigation menu you can see that some of the options are covered up by the tabs on the tabbed panel. If you try to hover down to one of the options that is covered or below the tabs on the tabbed panel the side navigation menu disappears. BTW, I am using Dreamweaver CS6.

I have to be brutally honest. I refuse to use Spry. Adobe abandoned the framework late last year after practically ignoring it for 3-1/2 years. It served it's purpose for a few years but it doesn't hold up well in newer browsers like IE10 and touch screen devices.
Keep using it if you want but I don't have much interest in fixing something that is inferior to begin with.
My advice is to run away from Spry. Either switch to jQuery or get any of the excellent commercial extensions from Project Seven. You'll be glad you did.
http://jqueryui.com/tabs/
http://users.tpg.com.au/j_birch/plugins/superfish/
http://www.projectseven.com/
Nancy O.

Dropdown Menu Not Covering Side Navigation Menu

Hello,
I have a page with a top navigation bar that includes dropdowns and a side navigation bar. The problem I am having is that the dropdowns are not covering over the sidebar menu, but seem to be blending with it on the same level.
If you look at my page:
http://mymajesticwindow.com/testing/dhHighlights
go to PRODUCTS and you can see what is happening. Any ideas as to why this might happen? Not sure if this is a CSS or HTML issue so I included both below.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Majestic Windows</title>
<link href="css/majesticStyles.css" rel="stylesheet" type="text/css">
<link href="css/topNav.css" rel="stylesheet" type="text/css">
<link href="css/sideNav.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.png" />
</head>
<body>
<?php include("includes/header.php"); ?>
<?php include("includes/topNav.php"); ?>
<div id="content">
<?php include("includes/sidebarDH.php"); ?>
<div id="contentRight">
<div id="bodyCopy">
<h1>Majestic Signature Series <br>
    Vinyl Windows & Doors</h1>
<h5> </h5>
<h2>Designed to express the way you live your life, Majestic windows can help you create a home that is as unique as you are. There are many reasons to replace your old windows with new vinyl ones and Majestic windows make it easy.</h2>
   <h5> </h5>
<h2>Our vinyl windows are strong, durable, energy efficient and are all designed for performance, beauty, and dependability.
<h5> </h5>
    </h2>
<h2>Choose from a variety of sizes and styles including double-hung, casement, awning, bay, bow, and picture windows.</h2>
</div>
<div id="beautyShot">
<img src="images/index/indexBeauty.jpg" width="380" height="373" alt="Beauty Shot">
</div>
</div>
<div id="indexBodyBottom">
<div id="dealerButton">
<a href="dealer"></a>
</div>
<div id="litDownloadText">
<strong><a href="literature">Download the Majestic Brochure</a> </strong></div>
<div id="litImage"><a href="literature"></a>
</div>
</div>
</div>
<?php include("includes/footer.php"); ?>
</body>
</html>
topNav CSS:
/* main menu bar */
ul#menu {
    margin: 0;
    padding: 0;
/* submenu2 no appear on first level hover */
#menu li:hover ul ul {
    display: none;
/* main menu */
ul#menu li {
    list-style-type: none; /* no bullets */
float: left; /* keeps horizontal */
position: relative; /* keeps in line */
/* main menu links not hovered */
ul#menu li a {
    color: #FFFFFF;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 28px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
/* submenu individual items */
ul#menu ul.sub-menu li {
    background-color: rgba(52, 85, 56, 0.9);
    border-top: 1px solid #FFFFFF;
    list-style-type: none;
float: none; /* keeps blocks even */
/* entire submenu */
ul#menu li ul.sub-menu {
    display: none;
    left: -20px;
    position: absolute; /* keeps menu from pushing down content - goes over it */
    top: 38px;
    width: 165px;
/* submenu links not hovered */
ul#menu li ul.sub-menu li a {
    line-height: 19px;
    padding: 10px;
/* shows submenu on hover */
ul#menu li:hover ul.sub-menu {
    display: block;
/* all links */
ul#menu li a:hover {
    color: #CCCCB4;
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
transition: color 200ms ease;
/* entire submenu2 block */
ul#menu ul.sub-menu li ul.sub-menu2 {
    left: 126px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 165px;
/* shows submenu2 on hover */
ul#menu ul.sub-menu li:hover ul.sub-menu2 {
    display: block;
sideNav CSS:
#sidebarGrad{
width: 245px;
height: 497px;
background: rgb(134, 100, 63);
background: -moz-linear-gradient(270deg, rgb(134, 100, 63) 30%, rgb(184, 159, 125) 100%);
background: -webkit-linear-gradient(270deg, rgb(134, 100, 63) 30%, rgb(184, 159, 125) 100%);
background: -o-linear-gradient(270deg, rgb(134, 100, 63) 30%, rgb(184, 159, 125) 100%);
background: -ms-linear-gradient(270deg, rgb(134, 100, 63) 30%, rgb(184, 159, 125) 100%);
background: linear-gradient(0deg, rgb(134, 100, 63) 30%, rgb(184, 159, 125) 100%);
ul#menuSide {
    padding-top: 43px;
padding-left: 0;
margin-right: 32px;
margin-left: 32px;
margin-top: 0;
list-style:none;
position: relative;
ul#menuSide li {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #F5F5EC;
height: 37px;
line-height: 37px;
text-align: right;
ul#menuSide li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #F5F5EC;
display: block;
padding-right: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F5F5EC;
ul#menuSide li a:hover {
color:#A21029;
border-bottom-color: #A21029;
text-decoration: none;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;

I found my own answer to this one. I did some more research and added the z-index: 9999; property to ul#menu li ul.sub-menu. Worked perfectly!

Best way to create vertical slide navigation

I would like to create a nice navigation that opens up vertically to help users get around. What is the best way to do this?
Thanks!
Van

Hello,
The rollover or dropdown menu will be the biggest issue, best way to realize that would be using a widget. I have been trying for another user to create a flyout menu, using effects triggered by advanced actions, but was not able to have this functionality more than once.
There are some widgets coming with Captivate: did you have a look at the 'GotoSlide_AS3' widget: it allows you to type in precisely the slides you want to offer navigation to. It will not dropdown on rollover, user has to click.
I do not understand your other wish: you do not want all the slides ready in the menu, only the ones that have already been visited? What if they did not visit anything yet, what do you want to show up for navigation? Which links should be disabled?
Lilybiri

Turning the left side navigation on and off dynamically

I need to have the navigation on the left side turn on and off pending what community the current user is it. I can do this (kind of) by creating a class implementing NavigationCommonVerticalView and IView. My over riding methods check the community ID and return null need be.
The problem is that whatever class is calling this still creates a table cell with a width of 200 for the navigation bar wether it is there or not. I imagine I can fix this one of two ways.
1 - Set the cell width to be 0 all the time. When there is content the browser should force this to be expanded. I however can not find this setting anywhere
2 - Override the class that calls my NavigationCommonVerticalView class. Hopefully this will provide a mechanism to turn that cell of completely. However I have not determined what class this. I thought it might be "com.plumtree.portalpages.browsing.myportal.myPortal" by when I try to override this class, I can not get it to load at startup by adding it to the customActivitySpaces.xml file.
Please help.

Hi Jeff,
Unfortunately, there is currently no setting to allow you to set the cell width.
In our next release there is a setting available in NavigationSettings.xml. Also, the page checks to see if the value returned from the Display method of your View is null before inserting a cell for the View's content.
The only thing that you could do before the next release would be to override com.plumtree.portalpages.common.uiparts.PlumtreeDP. I hesitate to suggest doing this because PlumtreeDP controls the display of almost all pages in the portal.

Left side of menu screen cut off on tv but not on computer?

i just finished making an imovie that i transferred over to idvd & burned a few dvd's...brought it home & tested it out on the computer & it looks great!
but when i use it in both our tv's (one that is a wide flat screen & one that is more 'standard), the left side of the menu is completely cut off. the video plays ok (although on the flat screen lcd tv, everything is stretched out), but it is just several letters in the title that are cut off.
any way to fix this?
thanks!

I didn't see anywhere to set the screen size, so I'm not sure (I used a computer at work to make it) but I have the same problem when playing it on both the widescreen 16:9 and the standard 4:3 tv's in my house, so I wasn't sure if it had to do with that?

How to remove Left side navigation on Portal screen

Hi Friends,
I want create Role, workstation and IView. Means I dont want left side links so, I created Role, Workstation and IView but on portal screen leftside navigation also coming, could you please help in this.
Regards,
Lakshmi Prasad.

Lakshmi,
You have do some modification on desktop framework page.
Please follow these procedure :-
Content admin -> portal content -> Navigate & Open default Framework page ->
select the check box "Desktop inner page" -> Press Open -> Select the check box in the Visibible column against "Content Area" (uncheck the remaining checkboxes for others in Desktop inner page) -> save -> logout and login to portal
Ram

Welcome screen doesnot open left side transaction menu

All-
I am working on a SRM 5.0/ Classic scenario implementation. The problem that we are facing is that when a user logs onto to the web gui, the initial screen by default hides the left hand side transaction screen.
The user has to manually click the arrow on the left hand side to open up the menu. The requirement is when the user logs on, this left hand side transaction menu should be open initially by default itself.
I have solved this problem in serendipity but i am unable to understand the root cause. Any thoughts would be highly appreciated.
Points will be rewarded !!
Thanks,
Sundeep

Hi
I tried to find OSS notes in this case. But found nothing related to this.
Is this happening for a particular user or for all the users ?
If this only a single user problem, then try unstalling the old Web browser (Internet explorer) and again install the latest web browser and then try again.
Also, ensure that your PC is installed with latest Java runtime Environment (JRE 1.5 or more).
Else, raise an OSS message with SAP.
Hope this will help.
Please reward full points, incase it suits your requirements.
Regards
- Atul

[php+mysql] best way to integrate a tree category menu base on db?

Hi all,
I have a products catalog where all products are organized in
categories.
The category structure is something similar to this:
category 1
subcategory 1.1
sub-subcategory 1.1.1
sub-subcategory 1.1.2
sub-subcategory 1.1.3
sub-subcategory 1.1.4
sub-subcategory 1.1.5
subcategory 1.2
subcategory 1.3
category 2
subcategory 2.1
subcategory 2.2
sub-subcategory 2.2.1
sub-subcategory 2.2.2
sub-subcategory 2.2.3
sub-subcategory 2.2.4
subcategory 2.3
...and so on...
In general, I have 3 category levels.
I manage these catagories with only one table using self
foreign keys.
Now I need to add a tree menu that will reflect the above
category
structure.
I use php + mysql to store the tables (products and
categories.
I found several javascript samples that allow you to do
something similar
but with static data.
I'm searching for a tree menu that is easily customizable and
that can use
dynamic data from mysql db.
Is there a tutorial or smple that would do the trick?
TIA very much!
tony ;).

The page I'm trying to create is here www.hollisterairshow.com/plan-results.php and the questionnaire is here www.hollisterairshow.com/helpusplan.php .
I went ahead and created recordsets using advanced recordsets and these seem to be working, here's a sample SQL
SELECT *
FROM plan
WHERE Saturday = 'Saturday' AND plan.howArriving = 'Auto'
I created a recordset for each combination of day and transportation mode - six in all
This selected the correct records.
To display the count of how many records selected I then used in DW Insert/Data Objects/ Display Record Count/Total Records which generated the following code:
<?php echo $totalRows_rsSatAuto ?>
This worked OK - not elegant but OK and I repeated it for each combination of Day and Transportation mode!!
So there are two problems I'm having:
I know I can select the records I want but how do I display the sum of the column containing "How many in your party" - i.e. in the PHP code generated above what do I replace $totalRows_rsSatAuto with?
There are two questions using radio buttons where I'd like to display the count and % for each option selected. I can select all records for these questions but what code do I put to sum the number of selections for each option and what code do I put to calculate the percentage
I understand the arithmetic involved which is pretty simple but it's the mechanics of coding that has me stumped. It would really help if you could give me a sample for say the "Are you camping overnight" question which has a "Yes/No" option only. In my mundane way I would create two recordsets, one for "Yes" and one for "No", and use the same technique I describe above for counting Total Records in each recordset, but then I'm stuck with how do I calculate and display the percentages. I must be missing something very obvious as I'm sure there just has to be a more elegant solution.
Thanks so much for your continued interest.
Tony

What is the best way to create a drop down Menu

It is my frist time using Dreamwaever CC and i was wondering if there was a jQuery UI widget that could make, creating a drop down menu easir.

*Best* is subjective and depends on what you require.
For multi-level CSS drop-menus, this one is nice:
DEMO:
http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo .html
TUTORIAL:
http://www.red-team-design.com/css3-animated-dropdown-menu
RESPONSIVE:
Project Seven Responsive Tabs (commercial DW Extension)
http://www.projectseven.com/products/tools/tpm2/tutorials/responsive/index.htm
Pop-Menu Magic3 by PVII (NEW commercial DW extension)
http://www.projectseven.com/products/menusystems/pmm3/index.htm
MEGA MENUS:
http://www.designchemical.com/lab/jquery-mega-drop-down-menu-plugin/examples/
Nancy O.

Best way to create a sliding navigation bar

As a newcomer to web design I am just about to embark on my first major project. This requires a navigation bar in a strip down the left edge of the page. I recently stumbled across what i thought was a very elegant and space saving design for this navigation bar at:
http://www.aovet.org/home.aspx
Could anyone point me at a suitable tutorial, resource, or sample code so i can start to get my head around how this is done, or is this just to complex for an enthusiastic but relatively inexperienced guy to try.
Thanks
John

Have you looked at the built-in Spry Accordion Widget (aka Accordion Panels)?
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#D efaultBehavior
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Best way of having left-side navigation menu?

Similar Messages

Maybe you are looking for