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

Tags: Database

Similar Questions

Where is rowspan to a region using universal theme

I use APEX 5.0 and universal theme.

I have the following configurations of the regions

A AND B

A C

for example, I need area A span 2 rows while regions B and C sit next to them. Note This is a very simplified version of what I want to achieve.

However I can't region C to sit "side" of the region, a background in half. I looked and you can't see anything referring to rowspan. This is no more than 5 APEX?

Any help gratefully received.

Thank you

Jeremy

Jezzer says:

I use APEX 5.0 and universal theme.

I have the following configurations of the regions

A AND B

A C

for example, I need area A span 2 rows while regions B and C sit next to them. Note This is a very simplified version of what I want to achieve.

However I can't region C to sit "side" of the region, a background in half. I looked and you can't see anything referring to rowspan. This is no more than 5 APEX?

Set presentation grid regions as follows:

Region	Start the new row	Column	Scope of column
A	Yes	Automatic	Automatic
B	NO.	7	Automatic
C	NO.	7	Automatic

Adjust the Start column for areas B and C & to give regions the required width.

Custom display PNG in the Navigation Menu

Request Express 5.0.1.00.06
Universal theme
Left navigation menu. Entry in the list. Image/class.
Used an impressive icon of police of an aircraft (f-plane), but needed a helicopter, so have an Image of custom Application (png image) loaded as a static application file. Unfortunately, it does not display at runtime. (There have also as .ico, .jpg, and .gif).
Class/image: #APP_IMAGES #helo.png
Is there a way to display a graph custom in the Menu of Navigation of APEX 5?
Thank you.

sheara wrote:

He DID display a large enough image. could I miss a kind of CSS implementation in shape to make the image small enough to display and so maybe it is not displayed?

No, what you're missing, it's that the APEX 5.0 navigation menu item universal theme has none supported directly including pictures of work/application space by specifying them in the Class/Image property list entry. The menu is not rendered using the markup generated by the list of navigation menu. Instead, it is used as the data model, from the widget menu real tree. The list of standard navigation menu template includes not one img element refers to the value of property for Class/Image as an image source. There is no need to change the list template to do this, or using another model as the tree view transform has not approved the img (or any other attribute custom) elements in the generated tree.

Custom images can be included in the navigation menu entries using various other techniques (such as CSS background images): Apex 5 theme 42 Images of the file in the list of the Navigation menus

Create the tab navigation links as in Apex5 using the universal theme

Hello everyone.
I use Apex 5.0.3 against Oracle 12 c on my laptop Windows7. I want to create an application that uses the universal theme that also includes the type navigation tab. I read that the tabs used in pre-Apex5 applications have been written off in favor using the navigation links. But I see no intuitive method to create these links of the type tab.
Could someone tell me please a guide or packed app that gives a tutorial step by step on how to proceed.
Thank you.
Elijah

Maybe this helps:

ORA-00001: Unique constraint violated: easy tab to Apex 5 regions

Also that:

Martin Giffy Souza on Oracle APEX: APEX 5: create submenus

Dimitri Gielis Blog (Oracle Application Express - APEX): APEX 5.0: Bye bye tabs, welcome to the Navigation lists

-Morten

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.

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.

Universal theme 42 - too long text in the Navigation bar

Hello
I use APEX 5.0 (1000 likes ;-) with Oracle 11.2.
I created an application with theme universal theme 42.
Navigation should look like this (for example, without sense):
1. presentation of the members
1.1 first presentation of car deveopment
1.1.1another point to navigate
2. the means of production
3. last menu point
3.1. .....
3.1.1...
3.1.2...
...
The text is truncated or not completely display. For example only "1.1. "first conception of ' appears in the navigation menu. The rest is not visible.
Is it possible to stop the wrapping text in the navigation menu. Looking for the corresponding model, I need to change, I found the 'Link List' model with the CSS classes "t-LinkList - nowrap ' to 'Disable the text wrapping' but I don't no weather is the right way to solve the problem or where I have to activate the Option nowrap.
Another, perhaps better elsewhere would attend the larger navigation bar. But I can't find the right place in the style sheet to change this.
Any suggestions?
Ben

Oh, I found the solution. I created a custom in the theme roller css, save under and so on.

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

Universal theme, bar navigation - how?

1 thanks to Oracle to https://apex.oracle.com/ut/
2nd thanks goes to fac586 for pointing out (in another thread) navigation by tabs at the level two prevents migration as long as the tabs 'parent' exist in the application-
So, how to set the left column like page with navigation bar https://apex.oracle.com/pls/apex/f?p=42:1100:NO:
My application has 25 reactive Blue theme and I migrated it ut guidelines 1.
Now, the navigation list is left whatever I defined in the
-The components shared> theme-> Universal theme 42
But with the definitions above the navigation stick to the left sidebar.
I also "entered in classic Navigation bar' of the migrated application and these show correctly in the navigation bar.
so... I am blind... where is the 'toggle to the top navigation bar?
Paavo rgrds

Hello

Go to the UI-> details of the User Interface, and there is the option.

Concerning

J

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

Import list loses the record in the navigation menu

Hello experts,
I'm experimenting with more specific and APEX 5.0 component exports with export and import of lists.
DEV, I have a list that is my navigation menu (user interface attributes > desktop > navigation menu > list of navigation menu).
I add an entry to this list and make an export of this specific list pane only.
In the TEST, I import this list into the same request with the same application ID and the ID workspace. The list of imports correctly and everything seems fine.
Except that now my list is no longer my list of navigation menu. I need to change the attributes of user interface and reallocate this list as my navigation menu manually.
Is this intentional behavior or my computer run into a problem here?
For me, it's not intentional behaviour.
I want to be able to update my list and there is record in the navigation menu without having to completely install my application.
Any input/advice on that?
Kind regards
Bart

Hi Bart,.

This is a bug known, and followed with the bug # 22090477.

Concerning

Patrick

Apex 5: Display of Navigation Menu only to certain pages

Mine is 5 Apex (universal themes) and I use the list in the Navigation Menu, I have many pages on the same workspace, that I have used for several projects. What I want is to have several lists, each will include pages for a project so I'm having several lists that connects a different set of pages. How can I do?

I know the list is shared components, does that mean that all lists belongs to all pages on the workspace and it will appear in all pages?
I remember at the Apex 4 so we can associate tab Navigation with an individual page, we can control what page show and which not.
Thank you
Mike

Thanks Swesley.

I think that I figured it: Page Page Designer I need to "Level of UI substitute" set to Yes, and then select the list to another list name, I defined... That way I can group different pages in different list, which will show on these pages only.

Thank you

Mike

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.
- Strange problem with universal theme, jQuery and APEX 5 on Windows 8.1
- Hammer.js universal theme, creating two Click events

APEX 5.0 - Position Navigation menu (top / side)

Hello

I use the universal theme (42) in APEX 5.0 and I have a list of said Navigation
List1 - this list consist say consist of a list entry 3
Home - no parent - target - 1 page
Child - Parent (home) - target - 2 page
Page big child - Parent (child) - target - 3
When I use the position of Navigation - side
All the three list entry works fine, I mean when I click on home or child or Grand child he goes to the respective page of 1, 2 and 3.
When I change the position of Navigation in the top
-entry of the list two works great – when I click on home or big kid, he goes to the respective page of 1 and 3.
- BUT when I click on child (2nd entry list) - is not a nothing, it goes to Page 2. - WHY?
WHY the child (2nd list entry) - works very well with the position of 'Side', but does not work with 'Top '?
Thank you
Deepak

The answer is simple. Sub menu items have no other action that open the submenu so that they cannot navigate. The top-level menu items allow the features of split where they can navigate and fall down. This behavior of the higher level menus is an extension to the traditional menu of model Office UI.

The key is that you have to adjust your navigation lists as you spend on the side and in the top navigation.

More details. Side navigation and navigation bar are the two types of navigation, but they use different user interface controls. (This applies to what is in the default universal theme. I guess that you can replace the list templates with your own that implement models of other UI.)

Navigation bar is a control of the user interface of the bar menu and closely follows the model of long standing and well established applications of office for menu bars. With two exceptions, items in menu 1) split where the menu bar may as well perform an action such as navigate to a page or the drop down menu 2) indicates the element menu 'in progress', making the menu a little service as a tab control. These exceptions have been made to account for legacy menu usage used in the report designer patterns.

Side navigation is a tree with fancy css/javascript UI control for it has a reduced mode and move the expand/collapse button to the right. The trees have no restrictions on a node that is able to navigate and contain children nodes.

The two types of navigation are based on the APEX of the lists. What distinguishes them is where they go in the page template (top/side) and what list template is used. APEX lists know nothing about the kind of model they will use. Different models have different expectations on the list. For example, some models are flat, and some expect the nested lists. The situation you describe is a case where the list of menu bar template will effectively ignore any navigation link on a non level list item that has children.

Kind regards

-John

"Topaz" conversion - 4 at the universal theme - 42 on AEX 5.0 theme

Hello
I use APEX 5.0 and the "Topaz" theme.
As an experiment, I'm trying to convert the Topaz - 4 them to the universal theme - 42.
Then I get the following error message:
This application can be converted to a theme by using a list-based navigation, because it uses two levels of tabs.
Please update the application and set the parameters of current tabs to use only one level of tabs before changing the theme. (Go to the error)
Indeed, my application uses a two-level tabs.
Updatng demand would mean I want to transform all tabs "two levels" to a 'single-tab' level, manually...
What are the benefits of using the universal theme - 42?
Thanks and greetings

Laury wrote:

I use APEX 5.0 and the "Topaz" theme.

As an experiment, I'm trying to convert the Topaz - 4 them to the universal theme - 42.

Then I get the following error message:

This application can be converted to a theme by using a list-based navigation, because it uses two levels of tabs.

Please update the application and set the parameters of current tabs to use only one level of tabs before changing the theme. (Go to the error)

Indeed, my application uses a two-level tabs.

Updatng demand would mean I want to transform all tabs "two levels" to a 'single-tab' level, manually...

What are the benefits of using the universal theme - 42?

See the guide to universal theme. This explains the benefits of its use; How to convert applications other themes; and illustrates the various components and options included.

It is available as a sample application in your workspace, you can install and check to see how the models and options are used in the development.

APEX 5.0 Navigation Menu Bug

I started to dive head first into APEX 5.0 and the upgrade of existing applications that I have.
I would like to start by saying thank you and congratulations to the APEX of the team for all of their hard work and dedication that went into version 5.0. You have all managed to take a tool I liked already use and do better and for that I tip my hat to everyone.
The installation program
As I was updating my old tabs to a shiny new Menu of Navigation, I came across an unexpected behavior that has taken the time to resolve, and I wanted to bring it and see if it is intended to treat in a future release.
The problem
During the conversion of the old lists to my main navigation list, I noticed that when I ran my application if I clicked to expand the section which the icons and functionality to expand/collapse the sections disappear. There is no way to get them to show again unless I clicked on another section. By clicking on the problem reproduced the same effect of endangered icons/feature section every time.
The Cause
After some trial and error, I discovered that the problem is caused when your text entry is too long. He effectively "pushes" icons in the navigation list and since they all line up well if we are eliminated, they all.
The application of a Solution
Even though I know it's a simple control condition for anyone who knows what is causing the problem, are there plans to fix it in a future release to be limiting the scope of input text or by having the text of the entry list auto-wrap when it becomes too long? I don't know that this is not a planned response to just have a longer name of the entry.

Greetings Hamster wheel engineer,

If by "menu navigation" you mean the "Tree Navigation Menu", then the bug you described with lengthy tags has been fixed in 5.0.1.

If that's not your question, then you provide a screenshot of the problem who can I debug?

Sincerely,

Tim

Lists/Navigation Menu using universal theme APEX5

Similar Questions

Maybe you are looking for