Hi Guys,
I'm working on a new application that uses the Universal Theme with the navigation menu across the top and I would like to have a text field and button appear on the right side of it, but I guess I need a little help to make it happen. So you can see my progress, I've created a public demo at https://apex.oracle.com/pls/apex/f?p=68622.
To get what I have so far, I gave CSS classes to the region (which is located in the "Page Navigation" section), the text field, and the button, and added this bit of styling to the Theme Roller:
div.Search_Region {
float: right;
}
div.Search_Values {
float: left;
}
button.Search_Button {
float: right;
}
If you view the page source, you will see that this puts the region div next to the menu div and moves the contents to the right side of the screen, but it's still visually below the menu. Since the region div is already being floated right, I tried floating the menu left by also adding this to my custom CSS:
div.t-Header-nav-list {
float: left;
}
It didn't have any effect that I could see, though. Having come this close, I know it can be done, but I'm not sure how to go about it. Would someone please take a look, explain to me why floating the menu left didn't work, and help me figure out how to do this? I would appreciate it greatly.
Thanks,
Art Rinberger