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

Similar Questions

• 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

• "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.

• How to implement reports region 100% to the universal theme?

  Theme 26 a model "reports 100% region. We use this model to the traditional reports. During the passage of our application to universal theme, we lose the horizontal (width 100%) portion of the classic reporting regions. How can we restore the classic reports area to the full stretch at the universal theme?

  user12045295 wrote:

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

  Theme 26 a model "reports 100% region. We use this model to the traditional reports. During the passage of our application to universal theme, we lose the horizontal (width 100%) portion of the classic reporting regions. How can we restore the classic reports area to the full stretch at the universal theme?

  Select the report of stretching in the model of Report Options.

• 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.

• 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

• Shuttle to the universal theme issue

  Hello

  I am trying to create 3 elements of shuttle in my page. When I on 'Start the new line' Yes to all 3 items,it appears as follows.

  

  But I want to display them on a single line. When I try to view them on a single line, it's getting collapsed and is displayed as.

  

  It worked fine in version 4 Apex. I'm level to Universal theme. This is where I encounter this problem. Is it possible to fix this?

  Hi Joe Mencis

  I think that this print screens help you solution to your problem

  

  

  

  

• I'm not able to click on the tabs at the top navigation links left on my Sony Vaio laptop

  I am facing problem with my Sony Vaio laptop. I'm not able to click on the tabs, navigation links at the top left. Most of the time I face issue by selecting the files too.

  I keep my windows and drivers updated. I tried to run hardware troubleshooting wizard. But nothing has worked for me.

  Apparently not hardware problem that sometimes I am able to click on the tabs at the top left.

  The details of my laptop are:

  Model name: Sony Vaio SVE15136CNB

  Processor: Intel Core i5 - 3230M @CPU @2. 60 GHz

  RAM: 4 GB

  System type: 64-bit

  Edition of Windows: Windows 8 unique language

  Please provide me with solution.

  Hi Alain,

  Thanks for the reply.

  I suggest you to configure the computer to boot and check if it helps.

  Affecting the system in a clean boot state will help you determine if third-party applications or startup items are causing the problem.

  How to perform a clean boot for a problem in Windows Vista, Windows 7 or Windows 8
  http://support.Microsoft.com/kb/929135

  Note: After the boot minimum troubleshooting step, follow the "How to reset the computer to start as usual after a clean boot troubleshooting" section in the link provided to return the computer to a Normal startup mode.

  Hope this information helps. Answer the post with an up-to-date issue report to help you further.

• 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

• Tab Navigation

  Hello everyone.  I searched through this forum and have not found an explanation of how to solve the problem that I am with my tabs.  I created a tabbed browsing interface to my application using a HFM, and below, I have my main VFM.  The problem is that if I'm on the 1st tab and I move downwards to the optimization of resources, when I select to save the HFM, it takes me to the last tab automatically.  How can I make sure that when I move, I worked in the tab remains in mind?  Here's a copy of my code.

  HorizontalFieldManager hManager = new HorizontalFieldManager();
              tab1 = new LabelField("Field1", LabelField.FOCUSABLE | LabelField.HIGHLIGHT_SELECT);
              tab2 = new LabelField("Field2", LabelField.FOCUSABLE | LabelField.HIGHLIGHT_SELECT);
              tab3 = new LabelField("Field3", LabelField.FOCUSABLE | LabelField.HIGHLIGHT_SELECT);
              spacer1 = new LabelField(" | ", LabelField.NON_FOCUSABLE);
              spacer2 = new LabelField(" | ", LabelField.NON_FOCUSABLE);
  
              tab1.setFocusListener(this);
              tab2.setFocusListener(this);
              tab3.setFocusListener(this);
              hManager.add(tab1);
              hManager.add(spacer1);
              hManager.add(tab2);
              hManager.add(spacer2);
              hManager.add(tab3);
  
              setTitle(hManager);
  

  You can do this mark as resolved then?

  The problem you describe - a HorizontalFieldManager to focus on the first field when scrolling forward and the last field, when scrolling back him - has been discussed in other Threads.  There is no easy way around it - basically it must remember the update field when the hfm scrolling occurs and to ensure that the field gets focus when the user makes a scrolling in.

• 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.

• 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

• Where did the text "Home" hidden Page 1 universal theme?

  I created an Apex 5 application using the universal theme, and it gives me a default 1 Page with the word "Welcome" in a 30-point font in the breadcrumb area. I would like to change 'Home' to a welcome message, but I can't find not this text.

  You should look under the components shared, breadcrumbs > Breadcrumb > entries >... You will find welcome and you can change it to something different...

  Thank you

  Tony Miller
  Los Alamos, NM

• The upgrade of the sensitive blue 25-theme universal theme

  Hi all

  I hope someone can help me.

  I have recently upgraded to 5.0 APEX and would like the theme of my App to the universal theme (42) of the blue reagent (105). I get the following error:

  
  

  

  
  

  Then I ran the Advisor and move 500 + errors (many of which are the same).

  
  

  

  This will be a huge task to solve the errors one by one. Is it possible to fix several pages that have the same error. (E.g. authorization). Really, it would reduce the workload.

  
  

  I'd appreciate any guidance.

  
  

  Concerning
  

  Maguzzi wrote:

  I'm looking for the page with 2 levels of TABS.

  Parent tab tab standard plus two levels of tabs.

  I have to delete the Parent TABS?

  Yes.

  This would cause a problem?

  Not part of the shift towards the universal theme. Standard tabs are moved to games tab by default when the parent tabs are removed.

  Obviously you should back up the application before making changes like this, so that you can revert to the previous version if other problems, or you are not satisfied of how the app looks and behaves in the universal theme.

• Hammer.js universal theme, creating two Click events

  I work with Apex 5.0 and universal theme. I have a very simple test page here

  https://Apex.Oracle.com/pls/Apex/f?p=90766:1

  If you click on the first link on the column, it should display an alert with the customer ID. When I try this on a computer with a touch screen, I get two alerts.

  I've traced the calls to alert and I see that the events of the first source is hammer.js. It seems that the hammer is called in a js file in the universal theme and it adds a tap event to all anchor tags and button. My research on the hammer has led me to a bug on this problem, which has been closed a long time ago.

  I missing something here or is this a bug?

  Greg

  Hi Greg,.

  In the original thread, this was filed as a bug present in Windows 8/8.1 Touchscreen devices. The fix will be in APEX 5.0.1.

  Workaround for now is simply to put "Modernizr.touch = false;" in your block "Run when loading the page" your global page.

  Tim