CSS Problem in a navigation list

good day to all, I have a navigation list based on a query but it has some extended lines at the bottom, what CSS code should work in order to solve this problem? i don't have a CSS knowledge about this one..
here is the picture:
http://99designs.com/designs/7113653-original
the Info Query Navigation list in the bottom the border has excess lines..

I have a navigation list based on a query but it has some extended lines at the bottom, what CSS code should work in order to solve this problem? i don't have a CSS knowledge about this one..CSS needs something to style, so the presence of the additional lines may indicate that there is additional mark-up. Suggest you replicate the problem on apex.oracle.com or post the generated HTML source for the region here.
Additionally your sample image contains other visible glitches on the buttons. This may indicate that the problem is in your browser rather than the APEX CSS. Which browser(s)/version(s) exhibit the problem?
Please also always provide basic information relevant to your problem that will help others to understand or replicate it, generally:
- APEX version
- DB version and edition
- Web server architecture (EPG, OHS or APEX listener)
- Browser(s)/versions(s) used
- Theme
- Template(s)
- Region type(s)

Similar Messages

Css problem in internet explorer

Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
        position:relative;
     font-family:verdana; font-size:12px;
     margin:0; padding:1px; border:0;
     white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
          display:none;
          position:absolute;
          left:+5px;
          top:+24px;
          background:#fff;
          padding:10px 18px;
          line-height:180%;
          border:1px solid silver;
          border-radius: 6px;
          box-shadow:1px 2px 5px #aaa;
          z-index:99;
#userpanel>span>a {
          border-bottom:1px solid silver;
          margin-top: 5px;
          }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobi

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

ADF Navigation List and View Links . any tutorial for this subject ?

Hi
Its two day that i am looking in oracle web site and tutorials that are provided in oracled ADF books.
but i can not figure it out how i can user a Navigation List , view Link to insert record in a child table.
so far i just could create a page that when i change the Navigation List selected item and then refresh that page , the related Fields of child table filled with master table PK.
although i cheched and i saw that ComboBox (Navigation List) auto submit is true.
does any one has a clue about this ?
Thanks

Timo,
Thanks for your reply but there is lot of headache, human errors in removing such VO and associations.
Jobinesh,
I am doing exactly what is described in here http://www.oracle.com/technetwork/developer-tools/jdev/mysql-and-bc-howto-082060.html
Expected Behaviour:
1. Create Following Association and VL, which is working fine.
PeopleCompanyFkAssoc1 and PeopleCompanyFkAsoc1Link >> 0..1 to * Cardinality Between Company.CompanyID and People.CompanyID
2. Do NOT Create any other non sense Association and VL, but it is creating
PeopleCompanyFkAssoc and PeopleCompanyFkLink >> 0..1 to * Cardinality Between People.PeopleID and People.CompanyID
What's the relationship between PeopleID and CompanyID ?
Screenshot: http://imageshack.us/g/64/assock.jpg/
Problem 1: I was trying to create table "Table222" I got error as shown in screen shot.
Problem 2: Screen shot of Associations

Can't add a blank row entry on to a navigation list dependable listbox

Hi All
Need some help please!
I am trying to build two dependable selectOnechoice list boxes. i adopt Frank's method and built the top level list box as navigation list.
my problem is I can't set a unselectedlabel property for this top level list box. I tried to set a the unselectedlabel property in page definition, but when the page rendered , the list has always got one row selected as default, instead of a blank row.
Is there anyway that I can fix this?
Thanks a lot

Hi,
this is because a navigation list is based on an iterator and the iterator always has a selected row.
Frank

Yes another strange IE CSS problem

Hi all,
I was wondering if some kind soul could help me work out
hopefully my last CSS problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will see a light blue line at the bottom of the left hand
side navigation menu. In Firefox and other browsers it isn't there,
they are behaving, but I can't work out why IE is showing that
there.
This is the HTML
Class mid is what shows the blue line.
#shop #content-wrapper #menu .mid {
background: url(/images/menu_div.gif) no-repeat left top;
padding-top: 9px;
padding-left: 5px;
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
I don't understand why its showing near the botton in IE.
Steve

Doooza wrote:
> Hi all,
> I was wondering if some kind soul could help me work out
hopefully my last CSS
> problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will
> see a light blue line at the bottom of the left hand
side navigation menu. In
> Firefox and other browsers it isn't there, they are
behaving, but I can't work
> out why IE is showing that there.
> I don't understand why its showing near the botton in
IE.
Its on you background image?
http://www.aclighting.com/images/menu_bottom.gif
IE is probably making a container slightly higher for some
reason and
therefore shows more of te background image.
Just use a 'dedicatted' background image minus the blue line

Getting error when having slideshow page not show in Navigation list

Hi,
I'm the web manager for a motorcycle club (Honda GoldWings) and people in the club love to send pictures for me to upload to the website. I've been doing that with HomePage for a few years now. The thing is they've never liked the albums showing up in the navigation list because it makes it so long.
Now comes iWeb (yeah!) and one of the options is to now show certain pages in the navigation list. Ok, so I use iPhoto to create a slide show and publish it to iWeb. I then created an "About me" page and added the slideshow to that page. The slideshow works as long as the slideshow is in the navigation list. As soon as I take it out I get "page not found".

OK, so the parts you're having problems with are the 'Ride to Canada' links on the Photo Albums page, right? What's happening is that the link is corrupted in each case. If you mouse over either of the hyperlinked images and hold your cursor there for a moment you'll see that the address which is displayed includes Chapter%2520WA-A. This should be Chapter%20WA-A (with %20 replacing the space in your page name). This is beginning to look like an iWeb bug. I've experienced something similar when attempting to link to an URL which already contains a special character, and have reported it to Apple.
How did you link to Canada_Trip.html and CanadaTrip_inBlack.html? Did you use the Link Inspector and choose the relevant page from the 'One of My Pages' list? (I'm pretty sure this is what you did; just trying to narrow down where things might have gone wrong.)

Cascading navigation lists

I'm working with the 10.1.2. version of the JDeveloper and tried to implement the cascading navigation lists as described in one tutorial on the Oracle tutorial site.
But it seems , that it does not work properly, because the "detail" navigation list is always empty and does not show any values .
Is this a known problem or did I miss something ?

Hi for the benefit of all ,
could someone post a link to the tutorial for cascading navigation lists ?
Thanks in advance
K
P.S - Just curious , can this be considered as some sort of workaround for us Jdev 10 folks to achieve a cascading menu functionality ?

Sidebar Navigation List

using apex v2.2
I already have two layers of tabs on the top of each page (using theme 13-blue gray), but I would like a way to have an easy navigation list on the left sidebar of each page that was tied into the breadcrumbs navigation. The would enable easy lateral navigation to other pages on the same tier.
The list on the sidebar would show all the peer pages that point to the same parent page on the breadcrumb.
Anyone have a suggestion on how to do this?

It was discussed as well in the Re: Automatic menu tree for app pages
The main problem from my point of view - as Andy pointed out - the information about tab's relationship is not ( at least it seems so) accessible through the ApEx views. If you know the relationship, the plsql region with hierarchical drop down menu is fairly easy - you can have a look on the get_menu procedure in my test app ( http://htmldb.oracle.com/pls/otn/f?p=18113:1 ).
Actually, the only table which contains the tabs relationship seems to be wwv_flow_menu_options - but, as i mentioned, it is not exposed over a view to be accessed publicly. If it would be, then a tree can be constructed like
select level, lpad(' ',3*(level-1),' ')||short_name
from flows_020200.wwv_flow_menu_options t
where flow_id = :APP_ID
connect by prior id=parent_id
start with parent_id = 0
( this of course only to visualize the hierarchy, to build a menu, it must be slightly modified ).
Best regards
Maxim
Well, it seems ,i was wrong about data visibility, i overlooked the view APEX_APPLICATION_BC_ENTRIES.
The query of interest then looks like :
select level,lpad(' ',3*(level - 1),' ')||entry_label
from flows_020200.apex_application_bc_entries t
where application_id = :APP_ID
connect by prior breadcrumb_entry_id=parent_breadcrumb_id
start with parent_breadcrumb_id = 0;
Message was edited by:
Maxim

After Migrating from 10g to 11g Geeting problems with Guided navigations.

After Migrating from 10g to 11g Geeting problems with Guided navigations and section navigations not working.
And we are getting the following error <<odbc driver returned an error (SQLExecDirectW)>> where we have used navigations.
In 10G we have Guided navigation Reports to display the Reports links and intermediate reports for conditionally displaying the Dashboard section(Reports) but after migrating to 11g Guided navigation reports and conditional reports are not working..
We know that in 11g section navigation replaced with conditions and Guided navigation replaced with action link.. but
do we need to recreate those reports in actions and condition or is there any work around avoid reworking.

Hi Both,
Thanks for the reply ...
For Guided navigation we are getting like below error:
Odbc driver returned an error (SQLExecDirectW).
For Conditional dashboard section we are getting like below error:
"saw.aViewsToRefresh = [];saw.aViewsToRefresh['d:dashboard~p:1egt6il5utl0uu8n~s:3jsmgfs3c1r4tn7c~n:condition'] = true;saw.aViewsToRefresh['d:dashboard~p:1egt6il5utl0uu8n~s:nos5q43jvjmi643b~n:condition'] = true;"

How to populate Navigation List

Hi
I need to populate a navigation list with values obtained from an RFC.
Can I do this in the same way as populating DDBK?
The DDBK is linked to a Context Value Attribute, but the Navigation List is linked to a Context Node. The context value attribute linked to the DDBK is "addBusUnit". The context node linked to the Navigation List is "TeamList" with value attribute "Member". How would I change the following code(from the DDBK) so that it will work with the Navigation List?
IWDAttributeInfo attinfoBus = wdContext.getNodeInfo().getAttribute("addBusUnit");
ISimpleTypeModifiable modinfoBus = attinfoBus.getModifiableSimpleType();
IModifiableSimpleValueSet valueSet = modinfoBus.getSVServices().getModifiableSimpleValueSet();
try
wdContext.currentZhr_360_Teamviewer_InputElement().modelObject().execute();
     for (int i = 0;     i < wdContext.nodeZteamviewers().size(); i++)
valueSet.put(wdContext.nodeZteamviewers().getZteamviewersElementAt(i).getZzpaycode(),
     wdContext.nodeZteamviewers().getZteamviewersElementAt(i).getZzfullname());
catch (WDDynamicRFCExecuteException d)
     manager.reportException(d.getMessage(), false);
thanks in advance
Anton

To populate a NavigationList, bind the "itemSource" property to a context node and bind the other "item*" attributes to attributes inside that node. The item source may be a recursive node.
Say the item source node is named "NavItems" with attributes "FullName" and "PayCode". Then you may use code like
try
wdContext.currentZhr_360_Teamviewer_InputElement().modelObject().execute();
wdContext.nodeNavItems().invalidate();
for (int i = 0; i < wdContext.nodeZteamviewers().size(); i++)
    IZteamviewersElement e = wdContext.nodeZteamviewers().getZteamviewersElementAt(i);
    INavItemsElement navItem = wdContext.nodeNavItems().createNavItemsElement();
    wdContext.nodeNavItems().addElement(navItem);
    navItem.setPayCode(e.getZzpaycode());
    navItem.setFullName(e.getZzfullname());
catch (WDDynamicRFCExecuteException d)
manager.reportException(d.getMessage(), false);
Bind NavigationList.itemText property to "FullName" to get the full name displayed as item text.
Armin

Problem with printing ALV lists

Hey Guys,
I have a problem with printing ALV lists ,
I created a report with several ALV lists (not grids) on the same screen but when i attempt to print the report
it prints each alv list on a different page..so if i have 3 alv lists in the same report it will print the report on 3 pages
How can i print them all in one page?
Thanks in advance
Noha Salah.

Hey Max,
I tried setting the Layout-list_append before my block_list_append function call
And setting the is_print-NO_NEW_PAGE , it printed the 3 lists on one page the only problem i have
is that the lists are truncated and the list formats has totally been messed up..how can i restore them back
to their original format?

Navigation list issue with dynamic variable

Hi All,
I'm a little bit stock with (maybe) a little issue. I'm looking for a way to put variable on a navigation list in the same page. E.X. there is where my navigation list is pointing : f?p=&APP_ID.:20:&SESSION.::&DEBUG.::P20_3,P20_1,P20_2:#État#,#Année Comptable#,#Période Comptable#: .
I Need to inherit the value ( #État#,#Année Comptable#,#Période Comptable#:) from a sql query from the main region (list are in a subregion ).
Could some one help me with that please ?
Thanks in advance !!
Eric

Hmm.. on the last APEX SIG day in Belgium Oracle was very dark about that (as usual).
They even were not sure what features would definitely be present in the new version.
They did however expect it to be somewhere in october / november
again. you can mimic by using a report-region looking like a list
regards,
Richard

Substitution syntax in tabbed navigation list. Smart or Lucky?

I've got a tabbed navigation list that I use on two separate pages.
The list entry points back to the current page but sets a page item value based on the list item value.
So this tabbed list might have items labeled E-mail, Phone, Address. When you click one of the list tab items it submits to the current page, sets a hidden field to EMAIL,PHONE, or ADDRESS. That hidden field controls which email,phone, or address region is displayed.
OK easy enough. Except that I use the same list on multiple pages. Rather than create a list for each page, I made it more generic...
So I set the item target as follows:
Target type: Page in this application
Page: &APP_PAGE_ID.
Set these items: P&APP_PAGE_ID._ALIAS_REGION
With these values: ADDRESS
Notice that I've got substitution type syntax for the target page and the NAME of the item whose value I want to set. For example if the list is rendered on page 2 the target page becomes 2 and the item name becomes P2_ALIAS_REGION. On page 7, they are 7 and P7_ALIAS_REGION respectively.
I also use this same syntax in the "Current List Entry" with a query like:
select 1 from dual where :P&APP_PAGE_ID._ALIAS_REGION = 'ACTIVE'
Now, I thought I was being clever in doing this, since it lets me use the same list on several similar pages. However the Apex Essentials Advisor is complaining about my syntax, and as awesome as that tool is, it got me thinking that I might be too clever for my own good.
Is it valid to use this substitution syntax in this context? I mean it works, but is it supposed to work this way? If this is by happy coincidence then Apex developers please don't change how this works. If this is by design, then you guys/girls are awesome!

Is it valid to use this substitution syntax in this context?Yes.
I mean it works, but is it supposed to work this way?Yes.
If this is by happy coincidence then Apex developers please don't change how this works.It is very unlikely that we would change any of the core substitution logic in ways that adversely affect behavior like this.
If this is by design, then you guys/girls are awesome!Aw, shucks.
Scott

#TAB_LINK# value not set for tabbed navigation list

I'm a big supporter of searching the threads for an answer before posting. My apologies if I've overlooked this in the threads.
Like many others, I'm leveraging lists to mimic third level tab functionality. I'm trying to use the tabbed navigation list template. My targets for the list entries are pages within the application. When clicking the links however, #TAB_LINK# is not being interpreted within the link URL. #TAB_LINK# is simply appended to the end of the URL instead of being replaced with the actual link value, for example I would expect to see a typical htmldb page link with the target page value.
As a result, no navigation occurs to the target page. If I change the list template to horitzontal link list, the links function as expected, however I prefer the look of the tabbed navigation template.
Any suggestions?
David

I took a hint from my own post and checked the template that was working for me and noticed that the horizontal list template uses #LINK# instead of #TAB_LINK#.
I altered the tabbed navigation list template, replacing #TAB_LINK# with #LINK#, and now the tab links function as expected. I'm not sure if this fix will bite me later, or if this is a known issue. If there is a "proper" solution out there, I would still like to hear it. For now I'll assume my fix is a hack.
Thanks,
David

Change of Color on Tabbed Navigation List (Apex 4.1)

Dear Friends,
I am using apex 4.1
I have a list on page 0 which is "Tabbed Navigation List" and there are three pages running on it.
I want to change the color of the button when i click on the specific button.
Can any1 help me in this regards. I will be obliged.
Regards,
Kamran

Hi,
>
I have a list on page 0 which is "Tabbed Navigation List" and there are three pages running on it.
I want to change the color of the button when i click on the specific button.
>
Not clear enough.
Different Themes render Tabbed navigation lists in different way. Take a look at the Tabbed Navigation List template on Page 0. You will need to customize this template to achieve what you want.
Regards,

CSS Problem in a navigation list

Similar Messages

Maybe you are looking for