Apex 5 - Top Menu as Backend Administration Apex universal theme

Hello

Universal theme apex 5 comes with really nice menus. I would like to have the top menu even as that used in the Administration interface of the Apex.

Including the tabs of colors, bar menu next to the Logo, better quality bread crumbs, etc. of keyboard shortcuts.

Also, I saw in the sample application Websheets, bread have a kind of Drop Down Menu showing the subgroups for faster browsing.

Why is Oracle not delivered it as a model?

How these effects were archived?

Any idea?

Thank you

APEX 5 includes support for navigation from the top menu bar. When you create a new application by using the universal theme of the default is navigation, but it is easy to change to the navigation bar.

Here's how to get to the navigation bar:

In the homepage application builder for your application, click on modify Application Properties. Click on Edit icon on the Desktop tab User Interface. In the navigation section change Position top of page and list of Navigation Menu template above. Apply the changes, and then rerun your app.

Universal theme also has models list for context menus and menu bars. Just go to the navigation bar will not give you menus that look exactly like those in internal applications to the APEX (Builder, administration frontend etc.). This is because the page templates and the css are slightly different. You should be able to create your own page templates and the css to mimic the APEX apps internal menu look and feel. Also note that as the administration and help menus right aren't a bar menu but the menu icon buttons.

The breadcrumbs in web sheets using the same implementation of menu. The difference comes down to a few special css. APEX 5 has a lot of mileage out of the new widget menu.

Since you mentioned keyboard shortcuts, you may be interested in this recent blog post.

APEX 5.0 and keyboard shortcuts

Kind regards

-John

Tags: Database

Similar Questions

  • Horizontal scroll bar in the model of interactive report region 5 Apex (universal theme)

    Hello

    We have migrated our application from 4.2 (theme: 21 scarlet) to 5.0 (changed to universal theme). Most of our reports are interactive reports and have more than 20 columns to display in the reports. 4.2 in the 'Region of report"model horizontal scroll bar came from bottom of page like below and has been easy for the user to scroll through the options to the right and see all the columns.

    Apex4.2.PNG

    In the universal theme apex 5 with 'interactive report' model in order to see the columns on the far right in the first lines user must scroll the vertical bar first, then scroll horizontal straight bar and vertical bar to go to the top


    Apex5.PNG


    How can you have the scroll as in 4.2 bar region of report model. I think that we need to make some changes in CSS and also need to copy the existing model and make changes and use this model in all reports.


    Thank you.

    RAM


    Hi Tim,.

    Thanks for the reply. I tried this option before posting forum. It did not work. Now, after changing position attribute fixed to the ' Page "(or region) in the report attributes section it works." " When we migrated the app at UT, he has been on 'None '. Problem solved now. Thank you.

  • How to change the width of the side Navigation Menu with Apex 5 universal theme

    We strive to implement new APEX 5, menu navigation vertical available in universal theme and major limitation, that we face here is the width of the side Menu bar and it seems fixed and we can not change that by changing all the model. can you please let us how we can do it without making major changes in theme templates.Apex5_sidenavigation_issue.PNG

    Thanks for the information of Kiran, but do not go for the shared components and we can save and make the current style Pebble theme it yourself (very cool feature) and regarding the issue I have with this custom style CSS not getting not properly applied is due to the incorrect configuration of services remains. and you can see in the page of the tab style of the universal theme, there is a CSS OUTPUT file Url parameter which is a JSON string (#THEME_DB_IMAGES #11918460990413349.css) and it will not work properly if we do not properly configure the rest services.

    I think I'm all set now, thanks for your help.

  • Lists/Navigation Menu using universal theme APEX5

    I'm migrating my APEX to APEX5 application. I would like to use the new features of menu list/Navigation in the universal theme (so my menu items is displayed in the left navigation panel). I have a combination of static and dynamic options, and I don't know how to do this. My parent menu ('Reports' and 'Forms') options are static, but my choice of menu SUP for each will be the dynamic page navigation elements that will come from a SQL stmt. It would be a type of tree structure as below. Can you get it someone please let me know how to do this? Thank you!

    'Reports' (level 1 - static)

    "Report1" (level 2 option menu sub - dynamic)

    "I2" (level 2 option menu sub - dynamic)

    "Occurs3" (level 2 option menu sub - dynamic)

    .....

    'Forms' (level 1 - static)

    "Form1" (level 2 option menu sub - dynamic)

    'Form2' (level 2 option menu sub - dynamic)

    "Form3" (level 2 option menu sub - dynamic)


    bobmagan wrote:

    Thank you. My application was built on the sensitive to the APEX 4 theme. I wanted to use the new universal theme to take advantage of the update options. Previously, I had 2 parts of PL/SQL ('Forms' and 'Reports') who seized the dynamic pages of my custom table 'page' (see below). This would create a type menu tree they could click on launch my new pages for each. I hope to do the same sort of thing in the navigation/universal list menus.

    ----------------------------

    DECLARE

    Get_pages CURSOR IS

    Select page_alias, page_description

    page

    where page_type = 'REPORT '.

    and display_on_menu = 'Y '.

    order of page_order, page_description;

    BEGIN

    htp.tableOpen;

    Get_pages LOOP PAGE

    htp.tableRowOpen;

    HTP.p (')');

    If: APP_PAGE_ALIAS = page.page_alias then null;

    HTP.p ('': page.page_description: '');

    on the other

    HTP.p ('': page.page_description: '');

    end if;

    HTP.p (')');

    htp.tableRowClose;

    END LOOP;

    htp.tableClose;

    END;

    The application to the universal theme of the switch.

    Create a dynamic list query-based in the sense of:

    /* Static parent entries */
    select
        1                      lvl
      , 'Reports'              label
      , null                   target
      , null                   is_current_list_entry
      , 'fa-table'             image
      , null                   image_attribute
      , null                   image_alt_attribute
      , null                   attribute1
      , null                   attribute2
      , null                   attribute3
      , null                   attribute4
      , 'REPORTS'              attribute5
      , null                   attribute6
    from
        dual
    union all
    select
        1
      , 'Forms'
      , null
      , null
      , 'fa-edit'
      , null
      , null
      , null
      , null
      , null
      , null
      , 'FORMS'
      , null
    from
      dual
    union all
    /* Dynamic reports entries */
    select
        2
      , page_description
      , 'f?p=' || :app_alias || ':' || page_alias || ':' || :app_session || '::' || :debug
      , null
      , null
      , null
      , null
      , null
      , null
      , null
      , null
      , 'REPORTS'
      , page_order
    from
        page
    where
        page_type = 'REPORT'
    and display_on_menu = 'Y'
    union all
    /* Dynamic forms entries */
    select
        2
      , page_description
      , 'f?p=' || :app_alias || ':' || page_alias || ':' || :app_session || '::' || :debug
      , null
      , null
      , null
      , null
      , null
      , null
      , null
      , null
      , 'FORMS'
      , page_order
    from
        page
    where
        page_type = 'FORM'
    and display_on_menu = 'Y'
    order by
        12 desc /* attribute5 */
      , 1       /* level */
      , 13
      , 2
    

    Note that the attribute columns 1, 2 and 4 are taken into account by the model Menu lateral Navigation, then jump on them and use the attribute column 5 and for all required custom data in your query.

    Then go to the desktop user interface detail pageand set attributes for the Navigation Menu:

    List of the navigation menus:

    Position: Side

    Model from the list: Side Navigation menu

  • Apex 5 universal theme: too much space between the bar and of the body of content

    Hello

    I work with the universal theme and my client is also enthusiastic about is that I am.

    I observed, this universal theme calculated the margin of the happy body at the end of the rendering and adds something like 100 px space between the menu bar and the content body.

    Many layouts which seems well - for some, it's a little strange.

    Is there a mechanism to place content in the title of body (which would allow almost exactly fill my requirement) or to stop this behavior?

    Or is this just a RTFM issue and I did not foud the manual jet?

    Concerning

    Sebastian

    Thx for your return. I tried to get a workspace APEX on the fly; but he has failed.

    So I had time to check.

    I used to write Javascript Code on Page 0 in the header after regions before putting them in files from APEX 4.0.

    As a result, Universale APEX 5 theme to a misinterpretation of the provision. "Container" (of the region

    ) was placed directly after the header section before the menu bar.

    Then the calculation of the provision made the rest...

    So I moved the "Javascript" - regions in the page footer Section.

    Now, the layout is fine.

    Cordially Sébastien

  • Problem in response to the universal theme APEX 5.0 of mouse click

    Hello

    I use 5.0.0.00.31 with Mozilla Firefox-38.0.5 APEX.

    The problem is described below.

    When I want to click on the user name, drop-down list, in the list of the navigation bar that nothing happened. The same happened when I click Show/hide the menu button (upper-left) and the 'Developer Toolbar Optinos' button on the developer toolbar.

    I can avoid the problem when I press the button, then move the mouse, and after that, release the mouse button. In this case, everything is OK. But you agree with me that this is not a real solution.

    I have the same problem, when I use the latest version of the Chrome browser.

    For me, it is very strange that no one had the same problem?

    Kind regards

    Darjan

    Pedro wrote:

    I use 5.0.0.00.31 with Mozilla Firefox-38.0.5 APEX.

    The problem is described below.

    When I want to click on the user name, drop-down list, in the list of the navigation bar that nothing happened. The same happened when I click Show/hide the menu button (upper-left) and the 'Developer Toolbar Optinos' button on the developer toolbar.

    I can avoid the problem when I press the button, then move the mouse, and after that, release the mouse button. In this case, everything is OK. But you agree with me that this is not a real solution.

    I have the same problem, when I use the latest version of the Chrome browser.

    For me, it is very strange that no one had the same problem?

    If you use a tactile device Windows 8.x, it is probably because of the #21068077 bug. See suite son for details and corrections.

  • APEX 5, universal theme, value pairs attribute - column layout problem

    Hello

    APEX 5, universal theme.

    I have a little problem with the column model attribute - value pairs.

    If one of the fields is the result of a LOV and the value of the field is zero the provision goes a little wrong (half a row of the value column), when having long lists of pairs, it is difficult to see what value belongs to what field. It is a horizontal allignment problem that looks like the below example, the field in the middle is an empty field based on a LOV.

    Think of it as a little bug. Maybe someone can provide an easy solution?

    See you soon,.

    Bottom

    It looks like a bug in the CSS of the theme. This rule

    .t-AVPList-label,
    .t-AVPList-value {
      display: block;
      vertical-align: top;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: .8rem 1.2rem;
      margin: 0;
      box-shadow: 0 1px rgba(0,0,0,.05) inset;
      transition: background-color .1s;
    }
    

    needs a property added minimum height so that the heights of term/description elements are aligned if one (or both) of them are empty:

    .t-AVPList-label,
    .t-AVPList-value {
      display: block;
      vertical-align: top;
      font-size: 1.4rem;
      line-height: 2rem;
      padding: .8rem 1.2rem;
      margin: 0;
      box-shadow: 0 1px rgba(0,0,0,.05) inset;
      transition: background-color .1s;
      min-height: 4rem;
    }
    

    You can create a style sheet personalized containing a rule of precedence for this problem:

    .t-AVPList-label,
    .t-AVPList-value {
      min-height: 4rem;
    }
    

    Transfer it to your workspace and reference it in the theme CSS File URL property to include in the app:

    #THEME_IMAGES#css/Core#MIN#.css?v=#APEX_VERSION#
    #WORKSPACE_IMAGES#theme_42_AVPlist_fix.css
    
  • can you put your mail icon in the dock on your top menu bar?

    can you put your mail icon in the dock on your top menu bar?

    N °

  • How to restore the functionality of the top menu panel in firefox last built?

    The latest versions of firefox deleted the top menu panel, with entries such as 'File' 'edition' 'view '.

    This paralyzed me and my use of firefox because I use it for quick features. It seems firefox unusable and now seems to be a clone of chrome. But if I want this feature, I could already use chrome, so I'm not sure what the point of copy cutting chrome...

    Anyway, my question is:

    Is there a way to restore this feature and display the top menu bar or have developers finally chased me to firefox, which I liked a lot once?

    You bring up a toolbar like the bar of menus just as you would in previous versions.

    • Firefox menu button > customize > show/hide toolbars
    • View > toolbars (press F10 to display the Menu bar)
    • Right click on empty toolbar space

    See also:

  • TabGroups Manager use/uninstall deleted view - toolbars - tabs on the top menu.

    After using the TabGroups Manager addon for a short period, I decided to remove again. One of the options that it allows him to use tabs on the high function, I was using. He puts his own groups of toolbar in the title bar, but it seems buggy, so I removed it, with tabs on top still operational. I had been using it via the main menu, by using Alt-V-T-T. After you remove TabGroups Manager according to the normal procedure, from the extensions page and restart, I realized that I had tabs on top and went to restore it, but the element is missing from the menu. I don't know any other way to change this, but the biggest concern is that the menu items have been removed at some point. Please could you tell me what may have caused this and how to restore the option.

    The status bar is no longer used in current Firefox releases and is replaced by the add-on bar (view > toolbars).

    Current versions of Firefox only show the menu entry "Tabs" at the top menu "view > toolbars" and "Firefox > Options ' and in the shortcut menus toolbar if the tabs are not in the default position on the top.

    If the notches located on the top and the menu entry is not available and you want to move the tabs under the navigation toolbar, then you have to toggle the pref browser.tabs.onTop false on the subject: config page.
    A restart of Firefox is necessary for updating the menu entry to display or remove.

    Note that this pref will no longer effect when the code Australis lands on the output channel (which will be in Firefox 29,0).

    Some menu entries in the main menu bar are hidden if you are using the mouse and only appear if you use the keyboard to open the menu.

    Some entries in the View menu and history have been deleted to clean up the UI, because studies showed that it was low-use items.

    On Windows and Linux, these were already hidden when serve you the mouse to enter the bar of menus and only appeared when you used the keyboard.

    You can click on the button Home (far-right on the Navigation bar) or the keyboard (Alt/Option + Home).

    You can find backward, forward and reload from the context menu in the navigation area or the use of the buttons on the Navigation toolbar.

    See also "help keyboard shortcuts >.

  • How to disable the top menu in PDF.js Firefox PDF Viewsers

    I have the site to read documents online for users.

    I want to disable the top menu with ease to print, navigate through the pages, zoom, miniature etc..

    I want people to read the document online without allowing them to download or print document.

    Any idea?

    -Thank you

    Articles for Adobe Reader won't help for the built-in PDF Viewer.

    I guess you want to keep viewers save a copy of the file locally.

    You can't stop unless people can see this file in their browser.

    If Firefox displays the file then the file is already downloaded in the browser.

    They can always do a screenshot copy even with the hidden menu bar and use save the page, as if the URL in the address bar is the PDF file or, if there is a link to that file on a page, use Save Link as.

    If they disable the built-in PDF Viewer and that you use another Viewer rather then you don't have control over what they do with this file.

    You will need to use a plugin like Flash to view this content, possibly recover the file via a secure connection.

  • SatelliteA205 - player for the top menu with shortcuts for functions (Fn)

    Hello

    I have a Satellite A205-S4797 and I installed Vista Business (Pt_Br).
    Even with the drivers for Vista, I can not install the top menu with shortcuts to functions (Fn).

    Is there a specific driver for this version of Vista (Pt_Br)?

    If you write on flash cards that you need to install the package of added value. This package contains several tools and utilities, and one of them is for flash cards.

    Please check the Toshiba download page and see if the VAP is listed.

  • Need help using the tabs of the apex to the universal theme.

    I tried using the enkitec boards to create tabs in page apex.

    But I'm unsucessfull and I used the apex as the version 5.

    The theme that I use is universal theme.

    https://www.enkitec.com/Apex/f?p=15300:30310:0:

    Also I'm tired the method too to create tabs below

    Creation of a region of the tab within a page in the APEX

    It's like

    In the HTML header, I'll add the code below

    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/redmond/jquery-ui.css" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"> </script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"> </script> <script type="text/javascript"> $(function() {    $("#tabs").tabs();    $x("tabs").appendChild( $x("tabs-1"));    $x("tabs").appendChild( $x("tabs-2")); }); </script>

    Then I'll create 3 region.

    Region 1 > > > create a HTML region (REGION MODEL = MODEL number) and add the code below in the SOURCE of the REGION

    <div id="tabs"> <ul>    <li><a href="#tabs-1">Employee</a></li>    <li><a href="#tabs-2">Chart</a></li> </ul> </div>

    Region 2 > > > create HTML region... Add two fields to the region now, edit the region

    Add the code below in the header of the region to REGION 2

    <div id="tabs-1">

    Add the code below in the bottom of the region to REGION 2

    </div>

    Region 3 > > > create HTML region... Add two fields to the region now, edit the region

    Add the code below in the header of the REGION 3 region

    <div id="tabs-2">

    Add the code below in the bottom of the REGION 3 region

    </div>

    Example: http://Apex.Oracle.com/pls/Apex/f?p=12060:7

    I used exactly the same code... except that my region 2 contains a REPORT instead of two text field and region 3 GRAPHICS instead of text field.

    Kind regards

    Shijesh

    -------

    Please reward the answer if it was useful / correct


    I used the enkitecs method to create tabs.

    Tabs have been created, but the fields were visible inside.

    Will soon be replicating the scenario of apex.oracle.com

    Maybe someone can help.

    At the same time if there is no easy way to create tabs in apex page please let me know.

    Thank you

    Paul

    Hi pauljohny100,

    pauljohny100 wrote:

    I'd like to learn more about the region view selector

    You have a good resource on it.

    Selector display region is type of region, which shows the navigation links in the form of hyperlinks button for regions where the attributes of the region-> region selector display are set to Yes. Œuvres similar to jQuery tabs.

    Reference: ApEx 4.0 region selector | iAdvise blog (it's blog when it was introduced first in APEX 4.0)

    I have not found any Oracle Documentation on this, but it's taken APEX oracle supported the region type.

    You will find that this implemented in various packaged for example P-Track applications.

    Kind regards

    Kiran

  • APEX packaged applications, it is possible to edit the models on the universal theme of the APEX 5. How can I enable editing of model on my applications?

    ..

    716769 wrote:

    Please update your forum profile with a recognizable username instead of "716769": Video tutorial how to change username available

    APEX packaged applications, it is possible to edit the models on the universal theme of the APEX 5. How can I enable editing of model on my applications?

    APEX 5.0, application themes are announced to a default theme. As a result, the theme templates are locked and cannot be changed. To change the templates, unsubscribe the theme of the master.

  • APEX 5.0 customize a universal theme beyond the roll of theme

    Hi all

    We are just beginning to create new applications in 5 APEX and the universal theme and the theme is a fantastic leap forwards.

    It is a real newbie question . If I want to make a few changes to the appearance beyond what theme roller can achieve, as the positioning of the logo on the right side of the Navigation bar rather than the left, which is the recommended best practice to achieve such a change? Remember I want to preserve the scalability of the universal theme in the future.

    Thank you

    Michael

    Hi Michael,

    But, if I create a new model and added to the universal theme, what would be the impact when Oracle has released an upgrade to universal theme? Have I reason to say that only subscribed parties of the theme would respectively, while unsubscribed additional templates would not have?

    Your own templates to have no impact when we improve at UT.

    Another question is: can I change model for a model predefined Options without having to make a copy?

    Unfortunately, this is not possible.

    Concerning

    Patrick

Maybe you are looking for

  • MLB Gameday page is cut all the way around. It works very well on Internet Explorer. What's wrong?

    When I access the page to the game, all the content of the page is not displayed. The boxscores are cut at each end and the top and bottom. On IE, the content is allowed to be placed on all of the space on the page and works perfectly.

  • Can I use product Recovery DVD-ROM from the other unit for my Tecra A2?

    My A2 Tectra is so damaged that I want to back to whn he bought. I can't find the DVD_ROM of recovery of product that comes with it. But I got the Toshiba A60 product DVD_ROM recovery.They are all the same or do I have the exact DVD_ROM to A2 TECTRA?

  • Convert number 1 hexadecimal byte into digital text

    This should be simple, but the answer escapes me so far. The problem is that I am building a string of ASCII characters to send over a serial connection. The manufacturer uses a XOR checksum, resulting in a 1 byte number that needs to be appended to

  • OfficeJet pro 8600/printer

    I can't take the printer to print from another room.  Everything is connected as it should be.  It was working fine and all of a sudden, it would not print. I checked all the connections.

  • WINDOWS Easy Transfer oppose backup

    The not so much WINDOWS Easy Transfer & backup come to the same result?  So not exactly what is the distinction?  If yes then why bother with the two utilities installed? I've always been oblivious to the file transfer utility, but I recently came ac