Hover Menu hiding behind the iview

Hi All,
I have implemented a Hover Menu for TLN in my portal.
the problem I am facing is that the Hover Menu hides behind,or is overlapped by the Flex Iview ,which is displayed in the portal content area.
This is undesirable,as the user then cant navigate in the hover menu.
The isolation property for the hover menu is embedded,while for the Flex Iview it is URL.These properties cant be changed.
Can anyone suggest how to overcome the problem without changing these properties.
Thanx.....
Edited by: Juhi Bhatnagar on Apr 9, 2008 11:32 AM

Hi Juhi Bhatnagar
i hope this might help you over come to the point you need
Use IFRAMES for External Content
This version of the tabbed UI looks and acts very much as if an <iframe> were embedded on the page. In fact, if you need to use external content for the panel contents, an <iframe> is extremely easy to implement. Just swap out the <div> elements with <iframe> elements, add a src attribute, and modify the tab text:
The extra <div> element in the preceding code that appears just after the <body> element displays while the browser fetches the external content. That way, users see something during the load process, which is usually a good idea, because users should know that the browser is working for them. Adding the extra <div> won't make the page load any faster but it will increase the user's perception of speed.
There are some obvious benefits of implementing a tabbed interface in this manner. Tabs let users navigate between content more easily than switching pages. Because tabs are relatively easy to implement, development time is short. Also, if you're using internal content, the pages load quickly. Switching from internal to external content is painlessjust change the panel <div> tags to <iframe> tags. Finally, the tabs provide state for the user and are visible at all times.
Thanks
Rajnikanth Dumpala

Similar Messages

Hover Menu hiding behind controls.

hi Experts,
I have a created a custom hover drop down menu using Dhtml
but this menu hides behind controls like r/3 transactions, VC iviews, PDF displayed in content area.
From other threads i found that the only solution to solve this is to have an iframe behind the div.
I have tried this too still the problem is not solved.
Steps i performed:
1> made a copy of original-A.jsp file as B.jsp.
2> removed the code for menu display from the
original-A.jsp and inserted the Iframe code as
<iframe src="/irj/servlet/prt/portal/prtroot/SDNTest.JSPPortalComponent" height="60" width="1000" top="0px" left="0px" margin="0px" padding="0px" >
</iframe>
and called the B.jsp from src of Iframe.
till here it works fine, the menu too is displayed.
but it still hides behind the control.
Please help for where am i going wrong ???
Do i need to modify any properties of Iframe ???
Please help.
Regards,
Sanjyoti.

hi,
yes the complete Hover menu available on SDN also has this problem,
basically i am facing problem when i open any PDF or VC iview in the Content area,
I have also observed that even the tray options hide behind the PDFs, really dont understand why this happens ?
We have many PDF and VC iviews, its really not possible to move ahead without finding a solution to this.
Can anyone please help.
Regards,
Sanjyoti.

Hover menu hiding behind portal Iframe

hi Experts,
I have prepared a hover menu which hides behind the Iflex controls and other portal Iframes. I had read all the other threads related to this issue, and found that the only solution to this problem is to have Iframe behind the div code.
Can anyone please give an example code to this for better understanding
Points would be given for helpful answers.
Regards,
Sanjyoti.

Hi sanjyothi,
Can you please provide few more details on what on that Hover Menu? Are you trying to implement that Hover menu on top level navigation? Is that Hover menu par iview working fine when you preview that iview?
Regards,
Divya

I updated to 3.6.22 on my Mac, and am getting pop-up windows opening. They are hiding behind the main brower window. I have blocked pop-ups in my preferences, its still happening.

I recently updated to 3.6.22 on my Mac, and for the first time ever, am getting pop-up windows opening with various spam-type ads and sites. They are typically hiding behind the main brower window, and I first figured it out when one of them had audio a few days ago. I have blocked pop-ups in my preferences, and it is still happening. Can you advise please?

I recently updated to 3.6.22 on my Mac, and for the first time ever, am getting pop-up windows opening with various spam-type ads and sites. They are typically hiding behind the main brower window, and I first figured it out when one of them had audio a few days ago. I have blocked pop-ups in my preferences, and it is still happening. Can you advise please?

Custom hover menu hidding behind controls

hi Gurus,
I have a created a custom hover drop down menu using Dhtml
but this menu hides behind controls like r/3 transactions, VC iviews, PDF displayed in content area.
From other threads i found that the only solution to solve this is to have an iframe behind the div.
I have tried this too still the problem is not solved.
Steps i performed:
1> made a copy of original-A.jsp file as B.jsp.
2> removed the code for menu display from the
original-A.jsp and inserted the Iframe code as
<iframe src="/irj/servlet/prt/portal/prtroot/SDNTest.JSPPortalComponent" height="60" width="1000" top="0px" left="0px" margin="0px" padding="0px" >
</iframe>
and called the B.jsp from src of Iframe.
till here it works fine, the menu too is displayed.
but it still hides behind the control.
Please help for where am i going wrong ???
Do i need to modify any properties of Iframe ???
Please help.
Regards,
Abhaya.

Hi All,
I have observed a point, when i open the tray icon on portal it opens and overlaps the Flex Iview ?????
how is it that the tray icon can overlap the Flex iview ???
Please help.
Regards,
Sanjyoti.

Sub menu going behind the BOL using HTML object in IE

when i am implementing PDFs bol object in my webpage using simple html object, it is displaying well in both chrome and Explorer( IE
11). The main problem is the sub menu's of main navigation(sub menu) is going behind of PDFs viewer in Explorer (IE) . And one more thing all the position attributes and z-index values are fine . This is a problem with object . please show me solution. I am
not able to create fiddle for this. for more details see my below code and run in your Internet Explorer browser and hover
the "step 2" navigation menu.
<!DOCTYPE html>
<html>
<head>
<style>
body{margin:0 auto;width:500px;}
header{height:60px;background:#ccc;}
ul#mainnav{list-style:none;display:block;}
ul#mainnav li{float:left;width:80px;}
ul#mainnav li#step2 ul#submenu{display:none;list-style:none;margin-margin-}
ul#mainnav li#step2:hover ul#submenu{display:block;}
ul#mainnav li#step2 ul#submenu li{float:none;height:30px;border-bottom:1px solid #fff;background:#000;color:#fff;display:block;}
</style>
</head>
<body>
<header>
<ul id="mainnav">
<li>step1</li>
<li id="step2">step2
<ul id="submenu">
<li>step2 1</li>
<li>step2 2</li>
<li>step2 3</li>
<li>step2 4</li>
</ul>
</li>
<li>step3</li>
<li>step4</li>
<li>step5</li>
<li style="clear:both;"></li>
</ul>
</header>
<div style="width:300px;height:400px;border:2px sild #fff;float:left;">
<object data="http://www.pdf995.com/samples/pdf.pdf" style="width:94%;height:94%;padding:5px;" type="application/pdf" wmode="transparent" >
<param name="wMode" value="transparent"/>
</object>
</div>
</body>
</html>
COPY THE ABOVE CODE TO YOUR NOTEPAD++, AND SAVE AS INDEX.HTML, AND RUN THIS CODE IN YOUR INTERNET EXPLORER BROWSER, AND MOUSE OVER ON "STEP 2", AND OBSERVE THE SUB MENU IS GOING BEHIND THE OBJECT LAYER. THIS IS HAPPENING ONLY IN INTERNET
EXPLORER.
please install adobe reader in your system and check
PLEASE HELP ME TO FIX THIS PROBLEM

Hi Vallabha,
Thanks for posting in MSDN forum.
I have ran your code and understood your issue. But I cannot find a standard answer. z-index property cannot work with such a object tag. After some search on the web, I find this may be a workaround for this problem.
http://stackoverflow.com/questions/25760079/jquery-combobox-behind-embedded-object-ie-only
Best regards,
Shu Hu
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Called block hiding behind the calling block !!

Hi,
I have a module A which has a button Say "Click" , when this button is pressed it calls another module component in same form. Although calling works perfectly fine , it hides behind the calling block.
More explanation here :
I have a form Employee. this has two blocks(modules) Dept and employee. Employee is the master block and this has a button called Dept . When user presses this button it should take to the Dept screen (which is another module in same form) . Although it directs me correclty to the Dept screen it hides behind the Employee screen .
Also please note that i do perform some calculation which does Forms_commit in the dept screen . Not sure if this could be a reason.
All i need is to bring the Dept screen in front .
Any help would be much appreciated . Thanks in advance !!!
Regards,
Gopi

Let's clear the wording.
A Block cant hide behind a block; blocks hold data. Only objects displaying data may be hidden.
So, what's a "component" within a form for you? A Window? A (stacked) canvas?
May be you need to "show" the object (SET_xxx_PROPERTY(<name>, VISIBLE, PROPERTY_TRUE, where xxx stans for the appropriate object).
Keep in mind that forms always shows the item that has the focus. May be you need the focus.

What is the weird plus sign hiding behind the 'back' button in FF4?

Does anyone know? And how do I make it go away?

Can you attach a [http://en.wikipedia.org/wiki/Screenshot screenshot]?
Use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed the maximum file size (1 MB).
Start Firefox in [[Safe Mode]] to check if one of the add-ons is causing the problem (switch to the DEFAULT theme: Tools > Add-ons > Themes).
* Don't make any changes on the Safe mode start window.
See:
* [[Troubleshooting extensions and themes]]

Problem with Customised Hover Menu.

hi Experts,
I have implemented the drop down Hover menu for TLN using DIV tags. Generally the menu works fine but when the content area consists of a PDF of Flex Controls like VC iview the menu hides behind the PDF or Flex Controls.
Searched other threads but not able to understand what has to be done.
Would anyone please help me to handle this problem.
Points would be rewarded to helpful answers.
Regards,
AD.
Edited by: A D on Apr 16, 2008 12:31 PM

hi Experts,
Would any one please help me to solve this problem.
Its very Urgent.
Points would be rewarded to helpful answers.
Regards,
AD.

Photos album does not show all the camera roll behind the label album

tap on photos icon, albums will be shown i.e camera roll and photo laibrary. In my case the camera roll was hiding behind the label albums. What i mean is the page was not fully shown.

http://support.apple.com/kb/TS3804

Hover Menu Background

I implemented Hover Menu given by Ameya Pimpalgaonkar in a detailed blog.
My question is how to set the background for the section of the page in which the hover menu appears. It seems to be using the Portal Body background from the selected theme. I'd like to change the background just for that section. I have tried using background-image or background-color in the style sheet jsp which accompanies the hover menu jsp, but the portal page background is still displayed.
Any ideas on where to override this?
Thanks in advance,
Bob

Hello all,
does anyone have any suggestions to this problem?
I also imported Ameya´s menu, and it seems my changes to the style-jsp are simply ignored. On the other hand I´m pretty sure, the colors I see don´t come from the Portal theme, since I´m using the "chrome" theme, and my hover menu is still blue-in-blue.
What I tried is changing the given background colors in the jsp, and exporting the whole project as a par file. Then I´ve imported and updated it via Portal Sys-Admin -> Support and so on.
Any Ideas why my style Infos aren´t used(?)
regards,
Bastian

Error while creating iViews after implementing custom hover menu in NW 7.3

Dear Experts,
We recently implemented a customized hover menu in Portal 7.3. Since then while creating an iView we are getting the following error :
java.net.MalformedURLException: Illegal character in query at index 1023: /irj/servlet/prt/portal/prtroot/com.sap.portal.pagebuilder.IviewModeProxy?iview_id=pcd%3Aportal_content%2Fcom.sap.pct%2Fadmin.templates%2Fiviews%2Fcom.sap.portal.adminStudioRedirector&iview_mode=default&isEmbedded=false&workUnitIndex=0&oClass=com.sapportals.portal.iview&PagePath=pcd:portal_content/administrator/super_admin/super_admin_role/com.sap.portal.content_administration/com.sap.portal.content_admin_ws/com.sap.portal.wd_portal_content&SerWinIdString=&tabID=Tab054b1825_40f6_11e1_8169_00000ace34a2&workUnit=pcd%3Aportal_content%2Fcom.sap.pct%2Fadmin.templates%2Fiviews%2Feditors%2Fcom.sap.portal.appintegratorWizard&com.sap.portal.reserved.cnfgurl=pcd%3Aportal_content%2Fadministrator%2Fsuper_admin%2Fsuper_admin_role%2Fcom.sap.portal.content_administration%2Fcom.sap.portal.content_admin_ws%2Fcom.sap.portal.wd_portal_content%2Fcom.sap.portal.admin.studio.configuration&ComponentType=com.sapportals.portal.iview&NavigationTarget=navurl://e9d5d97dd3e55c9763a4973a016a3cc6&where=pcd%3Aportal_content&TarTitle=Portal Content Management&NavMode=0&sessionID=1326796101929&PrevNavTarget=navurl://032ac1f471768f5a16cac8e152546fd3&objectID=pcd%3Aportal_content&HistoryMode=1&com.sap.portal.reserved.wd.pb.restart=false&what=portal_content/templates/iviews/sap_bi7x_report_iview&workUnitUniqueId=054b1824-40f6-11e1-81f7-00000ace34a2&editorID=Tab054b1825_40f6_11e1_8169_00000ace34a2&displayName=New+iView&ClientWindowID=WID1326795999656
The error persists for all iView templates. Please provide your inputs.
Best Regards
Gaurang Dayal

Hi Gaurang Dayal,
The problematic part is the (first) space character within the parameter
TarTitle=Portal Content Management
You'd have to examine why this is not escaped.
Hope it helps
Detlev

I'm unable to open the Finder as it keeps hiding behind screens., I'm unable to open the Finder as it kees hiding behind screens.

Just upgraded my BacBook Pro to OS X ( 10.7.2) on a Macbook and unable to open the Finder Menu as it keeps hiding behind screens. Please help.

Usually clicking on the Finder icon on the Dock brings up the Finder window to the front.
Restart and try.

Scroll bar in the Hover Menu

Dear Expert,
We have implemented the Hover menu in our Netweaver Portal 7.01. Everything is working very fine but now we are coming across a problme for the users having roles more than 7. In TLN the roles come in 2 rows one after the another.When the users try to acess the submenu of the frole in the first row he has to struggle a lot, always the role in the 2nd row gets selected.
To fix this issue i am trying to create a scroll button at the end of the screen and the 2nd row role should come after this button instead of the 2nd row.
Any other solution is also welcome..
Thanks and Regards,
M.D.Sahu

Marilynn,
Hopefully, you will not have to go far down this general list.
You may try the following (you may have tried/done some of them already) and see whether it helps (the following is a general list of things you may try when the issue is not in a specific file; 3) and 4) are specifically aimed at possibly corrupt preferences):
1) Close down Illy and open again;
2) Restart the computer (you may do that up to 3 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder with Illy closed (more tedious but also more thorough and reversible);
5) Look through and try out the relevant among the Other options (Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy);
Even more seriously, you may:
6) Uninstall, run the Cleaner Tool, and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

The dropdown menu in the banner should be behind the text fields.

Hi Andy,
In our Application we have three Menus...The problem we are facing in that when ever we move the cursor, a drop down list will appear.. which is covering the text fields...
The dropdown menu in the banner should be behind the text fields.
Can u pls help me in this...
anoo..

Hi Anoo,
(You can actually ask questions to everyone, not just me!)
Normally, dropdown menus are supposed to be on top of all other items, so the user can pick an option from the menu. In fact, usually the problem is that select lists in IE appear on top of menus, not the other way around!
What you may have to look in to is adding a z-index value to items. Have a look at: http://msdn.microsoft.com/en-us/library/ms531188(VS.85).aspx
z-indexes determine the order in which items appear when two or more occupy the same space on the page. The higher the number the nearer to the top that item is. You can use negative or positive numbers. So, if item A has a z-index of 1 and item B has a z-index of 2, then item B will appear on top of item A.
A z-index can be set as a style on your menus:
<........ style="z-index:-1".....>Andy

Hover Menu hiding behind the iview

Similar Messages

Maybe you are looking for