Floating elements right of a menu at the top of the page

Hi guys,.

I'm working on a new application that uses the universal theme with top navigation menu and I wish I had a text field and a button will appear to the right, but I guess I need a little help to get there. So you can see my progress, I created a public demo at https://apex.oracle.com/pls/apex/f?p=68622.

To get what I have so far, I have given of the CSS classes in the region (which is in the section "Page Navigation"), the text field and button and added this bit of styling theme roller:

div.Search_Region {
  float: right;
}

div.Search_Values {
  float: left;
}

button.Search_Button {
  float: right;
}

If you view the source of the page, you will see that this puts the region next to the menu div div and move the content to the right of the screen, but it's always visually under the menu. Because the div in the region is already being flattened right, I tried floating the menu on the left by adding customized it to my CSS:

div.t-Header-nav-list {
  float: left;
}



This has no effect that I could see, though. Seen up close, I know it's possible, but I don't know how to do in this regard. Could someone please take a look, tell me why floating the left menu didn't work and help me find a way to do it? I would greatly appreciate it.

Thank you

Art Rinberger

Hi Art R

I would like to have a text field and a button will appear to the right of it, but I guess I need a little help to get there.

Please add this code to your CSS

.t-Header .a-MenuBar.a-MenuBar--overflow {
    overflow: hidden;
    width: 70%;
}

I hope that solves your poblem

Concerning

Mahmoud

Tags: Database

Similar Questions

  • Working as a muse when I right click I do not get the Properties menu of the Page, how can I change?

    Working as a muse when I right click I do not get the Properties menu of the Page, how can I change this?

    Hello

    What a click right on? Usually, you should be able to see the Page properties when you right click on the map view of a page, or you can also find properties page if you open the individual pages and then go to the Page-> Page Properties. However, if you are in map mode and you try to use the Page-> Page Properties, this does not work and the "Page Properties" option may be dimmed.

    I hope this helps.

    See you soon

    Parikshit

  • Is it possible to prevent the right click context menu of the combination of Stop/Reload?

    Is it possible (subject: config tweak or something) to prevent the context menu of the combination of Stop/Reload?

    Screenshot of what I mean: http://picsend.net/images/873089StupidReloadSto.png

    Try to add this code in the file userChrome.css below default @namespace.

    Customization files (interface) userChrome.css and userContent.css (Web sites) are located in the chrome folder in the user profile folder.

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    
    #context-stop,#context-reload[hidden="true"] { display: -moz-box!important; }
  • How to "client-side includes for secondary menu on the page.

    Hello.

    Returns the next page: beginning of trial project page

    The linked page is actually a glimpse of a tmp DW CS3 file, for this reason that the CSS has been fired by DW in the html file, it will not look like that in the possible swap file.

    After long battles with the Spry Horizontal menu, I finally resorted to Pop Menu Magic 2 (PPM2) to generate menus. I am very happy with the product (I don't mean support PPM2, but prefer support regarding the menu CSS in General related to caching-based). I started with a single main navigation menu, which was very complete - but also very large (ito file size). I was hoping to cache part of the menu on the client side to reduce the download time once the site visitor download the first page of the site (where it enters the site is not applicable). But this proved impossible (I think...).

    Then I followed some advice for break up of my main navigation menu, keep only the most important things in there and instead distribute the lower levels of the main menu in their own dedicated menus. From there, the page linked above.

    Main menu at the top is fine, no problem. On the left under the mast-head, I created two menus, one on the other (it displays as a single menu but the first menu point ends above the "another turn lists"). The first of these two menus contains most of the heavy elements of navigation (±160kb of total page of 220kb file size). The div info that applies to this menu = < div id = "p7PMM_2" class = "p7PMMv06" >. I'd love to cache this menu, either all or the major part of it, on the client side. Which is to put an include implemented on the client side. When a visitor first enters our site include with the menu file (secondary) 160kb gets downloaded and CSS style sheets, etc. When the visitor connects through a next page in our site, his machine (client side) dishes on the menu page without having to download it again from our hosting server.

    Is this possible and how? Any suggestions will be appreciated!

    Our clients are mostly wealthy and so probably (almost) all have high-speed broadband connections. I seriously doubt that none of them are running with dial-up connections. Thus, this issue will not sink our site. But I'd like to reduce the file size of page if possible.

    Furthermore, I'm not too worried about the small amount of visitors who may have their javascript disabled in their browser. The main navigation at the top of the page menu again will allow them to navigate the site. Much, it goes same for SEO.

    I tried one or two CSI javascripts and managed to actually do the relevant tags and content inserted into the html document, but the javascript would be "breaking." That's all the coding and menu content would be, but javascript does not work (menu will not pop / fly-out). I'm a little clueless when it comes to Javascript and many other things :-), but I suspect that the Javascript code into the include file is not called. If the Javascript code is stored in the HTML, the content of the menu (items) in the include file comes in the html file after the relevant script was called and be rendered?

    Once more any help / suggestions will be appreciated!

    Tuesday, March 17, 2009 21:27:59 + 0000 (UTC), "afrilux".
    wrote:

    >.. What is more or less the advice of Gary, as well as a few others. I realize
    > It is very good advice. It's the kind of advice that lead me to carve up the
    > intial 'all-in-one' menu in a menu main nav and the secondary menu on the
    > left.

    It's more or less what I suggests to me. The main menu contains the
    various categories. In each of these categories, you may have the
    under categories for this category. Some of these subcategories
    could have other subcategories below them.

    The idea is a bit like a wizard that guides a user through a complex
    Configuration. If you present the user with too many choices at the same time, it
    is a bit overwhelming and just leads to indecision, which means they could
    choose to do nothing. If you present with little choice, he
    is much easier for them to make a decision. This decision would lead to their
    a little more choice, etc. until they chose what they want.

    So that this kind of thing, especially with as many rounds you have,
    request to the database, a database in not absolutely necessary in order
    to adopt this approach.

    And just FYI, it is impossible for the part of a page cache. You can cache only
    entire folders. There is no such thing as an include client-side. Includes are
    see all as a single file on the server and the browser. The
    only way to hide something as your menu would be to use images. Who,
    of course, brings us to much more difficult. The first would be that of the menus
    cannot cross the borders of the image. Then there are questions of usability
    with the images. Those things that really make a wise choice.

    Gary

  • I chose an option that has eliminated the word of bookmarks in my Start menu of the page and, of course, all the rest. I want it back to the default initial value, but don't see any option to do this. currently I see: most visited, road and past news repo

    I chose an option that has replaced "bookmarks" from the menu with the most visited, commissioning and the latest headlines. I have to go back to the default value, simply "bookmarks" How do I do this?

    Don't see the menu bar not (File, Edit, View, history... (Help)? Hold down the key (key in OSX) and press the following letters in this exact order: V T M
    The bar of menus must now appear permanently, unless you turn it off again (view > toolbars). Turn on/off the menu bar is a new feature in version 3.6.
    See: http://support.mozilla.com/en-US/kb/Menu+bar+is+missing

    See the other toolbars under view > toolbars. By clicking on one of them will place a check mark (display) or remove the check mark (not shown).

    To display the status bar, view, and then click status bar to place a check mark (display) or remove the check mark (not shown).

    Mode full screen
    http://KB.mozillazine.org/netbooks#Full_screen

    See also:
    Back and front toolbar buttons or others are missing
    Customize controls, buttons, and Firefox toolbars

  • I have a top menu of the page giving me a fit

    Hello

    Here's the situation. I installed a reactive navigation menu. I have fought with this and I have 2 questions;

    http://skeeterz71.com/Gothic

    1. I can't get the < ul > Center in the < nav >

    2 - the background color will not appear. Chrome shows it as being overridden, but I can't do it by what...

    I have the top of the nav menu page structured like this (short version):

    < nav >

    < ul >

    < li > < /li >

    < li > < /li >

    < /ul >

    < / nav >

    Style

    NAV {width: 100% ;}}

    NAV ul {auto margin: 0; position: absolute; / * absolute because it is a drop down list * /}

    other standard stuff for NAV albums. I tried text-align: center too... No joy. I don't have widths on nothing else except a min on the < li > width to prevent the text wrapping.

    menu1.jpg

    Any help is appreciated.

    Thank you

    Fixed. It took a few questions from the media. I did not figure out on my own:)

    / * Styles adapted * /.

    @media screen and (max-width: 1600px) {}

    NAV UL, input [type = checkbox]: checked ~ {#menu}

    display: inline-block;

    }

    }

    @media screen and (max-width: 760px) {}

    / * Display the menu when invisible checkbox is enabled * /.

    Input [type = checkbox]: checked ~ {#menu}

    display: block;

    }

  • Is it possible to have top-level menu to horizontal top and under menu on the right or the left

    I have a site put in place with the upper level horizontal menu at the top of page.

    I was wondering if it is possible to have submenus positioned as needed - to the right or left side of the page rather than directly in the menus at the top.

    I currently generated submenus as a menu manual separated and placed next to the page.  Would rather all the menus were linked, rather than two separate menu widgets.

    Hope it makes sense.

    Hello

    We cannot achieve this with default menu, but you can try compositions on the page to create the menu.

    For example, in the ToolTip you can use trigger in the horizontal main menu and target in the side menu where users when the mouse hover to main navigation then target appears on the side of the page.

    Thank you

    Sanjit

  • [JS CS4] Add menu item to the context menu of the control panel paragraph styles

    Hi all

    I am trying to add a menu item in the context menu of control panel of the paragraph styles, that appears when you right click on any paragraph style name in the Panel. But I can't find the menu in app.menus.

    In app.menus there is, for example, a 'Menu of the Pages panel framework', 'object Styles point context Menu. But there is no similar menu for the paragraph or character style.

    Someone help me?

    Paul

    RtMenuStyleListItem

  • Drop Down Menu hidden behind the images on the page.

    I created a drop down menu of the page MASTER using a blank publication and adding the trigger on my menu tab.

    For some reason when I transfer to the server I get this error. The region appeared behind images.

    Help, please.

    Screen Shot 2014-11-19 at 5.05.05 PM.png

    Yes I know that's what it says in all the documentation and I've tried about 300 different ways, time and the only way that they work and have a menu pops down in front of a youtube video that has been incorporated into the page was to put this in a YouTube video embed code. I tried to reorder the items inside of the layers, I tried to create another layer, I tried all of the documented methods that I could find on the internet and on the site of Adobe Web and none of them worked except for this code. I know it says its supposed to work this way, but it never did for me

  • to access the page elements in the document, but outside the page boundaries

    I am also new to indesign in indesign scripting so bear with me and my lack of termonology. I have page elements that are located in the white space in the document, but outside the page limits. I have access to all page elements that are still partially on the page using the myPage.pageItems. However this collection does not include page elements that are not touch to this page. So is there anyway to access page items in the space outside the page?

    So where are OK, you stuck?

    If you have a variable, say, page, it is a particular page, where page.pageItems is all the elements on this page, then page.parent.pageItems will be all the items on the spread, which includes the editing table that surround it.

    Good?

  • How to customize the pages of Self Service

    Hi all

    How to customize the pages of Self Service. Guide kindly emergency.

    Thank you
    Mr. Bilal

    You can take these steps
    ==============

    -> Profile set Customize option % Self Serv % Def % Yes at the user level (you use to customize the user).
    -> Go to the page you want to customize
    -> Page-click Customize in global top menu of the page.
    -> Click on the button Choose context and select the responsibility for which you want to customize the element (clear, all other fields such as site, organization, location, function, industry)
    -> Button click on apply. You will get the hierarichy page.
    -> Now the identity of the item, you need to customize and click Customize (pencil icon).
    -> True/false property rendered set (if you want to hide the item to false to show true set) and apply.
    Back at the request of->

    You can see more information on these links

    http://apps2fusion.com/at/43-SS/453-OAF-extension-case-study

  • Properties of the page in gray.

    I wanted to change my description of the page and some metadata but py page properties is greyed out. and I can't click on it. Any help would be great.

    Is Properties Page turned off for all pages or a specific page of your Muse? There are three ways to get to the property Page; Menu right-click on the page in outline view, menu right click on the page in Design view, the menu of the Page in Design view. The option seems to be grayed out in all three places?

    If this is the case for a particular page, is highlighted the option Reset Page Properties? What happens when you click on it, does make a difference for the properties of Page option? Or two of them are disabled when you right click on a page in outline view?

    Normally, this is how it should look, for any page, where you have not changed the properties of the Page.

    Thank you

    Vinayak

  • Change the page size and text in Firefox 35.0.1

    I had a small red P at the top right of Firefox that changed the page size and the fonts that I lost after a reset: How do I get it back?

    Do you mean this extension?

    You can check the "Old data Firefox" folder on the desktop to see what extensions you previously had.

  • Shortcut on the desktop to the web page "forgets" what the page was about the size.

    I have several shortcuts to web pages in my taskbar. When I created them, the window open to a fairly large size. I see no way to know the shortcut to open the window enlarged, but the size is adequate.

    However, I needed to see several windows at the same time, so I resized to fit four on the desktop. Now, whenever I open one of these shortcuts, it goes to this small size. I can't find any way to bring them to a larger size. I opened, resized them and they closed the way I want to watch, but it makes no difference. The smaller size seems to be remembered.

    Is it possible to get the largest size?

    Right-click on the icon shortcut to IE next to the Start button, select Properties, change from "normal" to "maximized". Now open it.
    Now make a right click any link on the page, choose open in a new fenΩtre... do not maximize it. Instead, use the mouse to resize it to what you want it to be.
    Now close the FIRST window that you opened, and then close it you just resized.

    Reopen IE of the icon of the shortcut again and all the windows in the future will be the size you have chosen and created.

    I hope this helps.

    Good luck!

    Lorien - MCSA/MCSE/network + / has + - if this post solves your problem, please click the 'Mark as answer' or 'Useful' button at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • Passing a value of item to another page via the button set to redirect to the page

    Hello

    I'm new to APEX and I develop an application to manage Oracle database user accounts.  I have a (8) page that has text elements for the user name and the database name.  I have a submit button (this works very well) who deliver... the ALTER USER statement to reset his password and unlock the account.  I have another button that if:

    1. get the value of username - P8_USERNAME
    2. assign to an element of application - FIND_USER_IN_DB
    3. redirect the page application - page 11

    The issue is that FIND_USER_IN_DB does not get filled and page 11 which is a simple report with the following query:

    SELECT *.

    OF valid_db

    WHERE username =: FIND_USER_IN_DB;

    How to achieve this?

    Thanks for your help.

    Steve

    A page redirect is actually nothing more than the rendering of an anchor tag or call apex.navigation.redirect. The link provided by these is generated when the page is rendered. Thus, when the page is rendered (in charge) and P8_USERNAME session state is NULL, then the link will be an empty value. There is nothing sad about the fact that when you change the value of the element on a page that session state will not change automatically and it's just about understanding session state.

    Let's say that you will present the session before the redirection if status point. Would it change anything? N ° the link, as I pointed out, has already been made, and no substitution of session state not be made on a redirect.

    You'd better be off by submitting the page via the button instead of a redirect. This will set the session state of your object to the desired value. You can then use a branch to redirect to the correct page setting the value of an element whose state of session of P8_USERNAME. You can even choose to use a process or a calculation to set the value of the application instead of by a link element, so that you can keep the application not manipulable by the user element.

Maybe you are looking for