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

Tags: Database

Similar Questions

  • 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 map the entered value of attribute column to another attribute in the table for each row.

    Hi Experts ADF,

    JDev 12 c.

    I create a button and a table below. If the user clicks on the button create, I invoke CreateInsert. The new line now appears as an editable fields.

    So I suppose I have a column that is displayed in editable mode. If the user enters values in that. Has another column B whose value is not displayed in the UI must have the same value as the column.

    This occurs for each row added. During the click on save if user entered 2 in column A, then the value in column B must be same 2.

    Thank you

    Roy

    There is more than one way, for example:

    Generate ViewRowImpl Java class (with generate audited accessors) you will get for an attribute setter.

    Change the Set accessor to set the attribute B (IE, calling setAttribute ("B", value)) after setting a value

    OR, write valueChangeListener for inputText representative and set the B attribute to the same value

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

  • Apex 5 universal theme: overlapping elements

    I have a page with the right column and the show/hide the column button overlaps the close Notification button.

    Is there a work around to move the close Notification a little to the left?

    INO

    InoL wrote:

    I have a page with the right column and the show/hide the column button overlaps the close Notification button.

    Is there a work around to move the close Notification a little to the left?

    Add the following override of the CSS Inline CSS property page:

    .t-Alert--horizontal .t-Alert-buttons {
      padding-right: 52px;
    }
    
  • BUG: Theme 25 pairs value attribute - model left-aligned report

    Theme 25 < b > value pairs attribute - model of left-aligned report < /b > definition before lines contains the substitution string "< tt > #REPORT_STATIC_ID # < /tt >:
    <ul class="vapList tableBased" #REPORT_ATTRIBUTES# id="report_#REPORT_STATIC_ID#">
    Must be < strong > "< tt > #REGION_STATIC_ID # < /tt >" < facilities >:
    <ul class="vapList tableBased" #REPORT_ATTRIBUTES# id="report_#REGION_STATIC_ID#">
    Published by: fac586 on April 30, 2013 10:45

    Bump

    Thanks for posting on this bug, Paul. This is certainly a bug and I connected in our internal system of bugs so that we can monitor and fix it for the next release.

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

  • 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

  • How to use the values in the columns of an interactive report (Apex 5)

    Hello

    I have an interactive report and a link column and I click to set the value of four fields in a subregion with the value of four columns of the report.

    This without submitting the page every time so I think using javascript.

    But what is the right way to do this in 5 Apex?

    How to have a reference to the column of a report (customer.name to the customer or customer.city, for example)?

    Concerning

    Gianpaolo

    Hi gianpagi,

    gianpagi wrote:

    I can't run your code as well, on apex.oracle.com, I have re-product the situation with the emp table and the columns ename, sal and the fields p1_ename, p1_job, p1_sal

    Can you help me.

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

    https://Apex.Oracle.com/pls/Apex/f?p=102726:LOGIN_DESKTOP:104044067688962:

    user and developer demo/demo (TR1 workspace)

    Check the application now. I've done the column 'Empno' as link and execution of your dynamic action on click on the link.

    Here are the changes:

    • Edited the "Empno" column attributes and perform the following settings in the properties of 'column link:

    Text link: #EMPNO #.

    Link attributes: class = 'empdetails '.

    Target: URL

    URL: javascript:void (0);

    NOTE: The link does nothing but on the onclick for the event of link DA no real logic.

    • Edited the dynamic action 'assign values' and set the following properties:

    Selection type: jQuery Selector

    jQuery Selector: a.empdetails

    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.

  • Returning from universal theme item values - form Page (modal dialog box)-

    Hello

    I use the universal theme - modal dialog (the form page, page 7) and intend to return several values of the item to the page back 2 when the dialog box is closed.

    I'm back from the point values P7_DNAME & P7_DEPTNO of page 7 of the elements P2_DNAME & P2_DEPTNO on page 2 but does not work.

    Form Page - Page 7 (modal dialog box)

    Process - close dialogue

    Items to return - P7_DNAME, P7_DEPTNO (put several points of values here to go back to page 2)

    Report Page - Page 2 (that calls the page 7 of the modal dialog box)

    Here we have a dynamic Action. I use the event ""closed dialogue ' and 'Set value' action "

    Event (closed dialog box) -

    Action - set

    -Define (return goods of dialogue) - P7_DNAME, P7_DEPTNO Type

    -Selection Type (items) - P2_DNAME, P2_DEPTNO [here I am back to several items.]

    If I go back more than one Page values element, it doesn't any idea WHY?

    BUT if I'm back only a single value of point, there works perfectly well.

    Thank you

    Deepak

    You can return multiple items at once and their values are sent along, but you cannot set multiple items with different values by the action of a set value.

    You must create an action of the value set for each element you want to set the value with the value of the element to return.

  • 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

Maybe you are looking for