Apex 5 universal theme: overlapping elements

Similar Questions

• 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
  

• 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

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

• 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

• 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

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

  

  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

  
  

  

  
  

  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.

  

• Strange problem with universal theme, jQuery and APEX 5 on Windows 8.1

  I have a strange problem that makes me crazy. I get it whenever I need to run some jQuery or JavaScript in the new universal theme. This page is a good example:

  https://Apex.Oracle.com/pls/Apex/f?p=93000:600

  Whenever I click on the calendar icon it opens and closes immediately. This happens when I click on and release the quick mouse button. If I do it slowly, click it, wait a second and release the mouse button, it opens as expected. I did the inspection of javascript in the firebug debugging console and I can see that each action runs twice.

  On this page, you can debug:

  https://Apex.Oracle.com/pls/Apex/f?p=93000:16

  by pressing a button.

  I did some tests with some of my colleagues and discovered that this happens only on computers with Windows 8.1 running pages in Firefox or Google Chrome. IE works as expected.

  I invite participants in this forum to do a test for me, if they have one of the browsers mentioned and Windows 8.1. My tests were from two different laptops I (the two Windows 8.1) and also of a virtual machine on Windows 8.1. I was able to reproduce this problem on all three computers.

  I also did the same test with apex.oracle.com and with my local installation of APEX 5.0. They both behave the same.

  I can't reproduce this with applications having the old model like this:

  https://Apex.Oracle.com/pls/Apex/f?p=31517:215

  Thanks in advance.

  

  Denes Kubicek

  Brad, thanks a lot for the performance test.

  Talking with the main developers of the universal theme, this afternoon, we have now highlighted what we believe to be the cause of this problem. There's code in a universal theme that uses hammer.js and apply a logic of quick click on all the links and buttons, with a few exceptions closely. We believe that it is this code that may be responsible for these questions.

  Please hold fire for more such tests as requested previously, my apologies for any lost time do. We will follow on this thread with results as soon as we can.

  Thanks again for your help so far.

  Kind regards

  Anthony

• 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

• Conversion to universal theme... Apex 5.0

  I copied 5 Apex on one of my test servers and updated my main application to Apex 5.0.   I used the type of modal region in many places in the Apex 4.2.6 but I do not see how to declare it in Apex 5.0 with the universal theme?

  Which is obsolete?  Used the theme 25 front

  Hi Scott,.

  It's the same as in 4.2 APEX, but the model of the region for dialogue online is now called "Inline Dialog. This should bring out the difference to the new modal/Non-modal dialog box feature in APEX 5.0. These dialogs online can always be called with api JS openModal (which is declared in the specific JS file of the theme). Take a look at the packed app "Survey Builder", page 77 (you must first unlock the application).

  You can also take a look at the new modal page feature "dialog box. Who are the real APEX with validations, processes... It really depends on the use cases if you use 'Inline Dialogs' or 'real' APEX pages displayed as a modal dialog box.

  Concerning

  Patrick

  Member of the APEX development team

• 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

  

  

  

  

• 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

• 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