Forum Stats

  • 3,852,558 Users
  • 2,264,113 Discussions
  • 7,905,099 Comments

Discussions

How to display a page item in the lower right corner

Sgodavar-Oracle
Sgodavar-Oracle Member Posts: 1,011 Employee
edited Apr 17, 2019 5:24PM in APEX Discussions

I'm using APEX 18.2. I have a display only page item in a static region and the static region also has report sub-region. I need to display page item "lower most right corner" of the entire page. otherwise, it it possible to place the page item right most of the static region title? any ideas are appreciated, thanks.

Sgodavar-Oracle

Best Answer

  • LA County APEX
    LA County APEX Member Posts: 637 Gold Badge
    edited Apr 17, 2019 3:45PM Answer ✓

    Give your items class such as topitem-cls and bottomitem-cls and add style css:

    <style>

    .topitem-cls,.bottomitem-cls{

    position:absolute;

    float:right:

    right:10px;

    z-index:9999;

    }

    .topitem-cls{

      top:10px;

    }

    .bottomitem-cls{

      bottom:10px;

    }

    </style>

    Sgodavar-OracleSgodavar-Oracle

Answers

  • Franck N
    Franck N Member Posts: 1,019 Silver Trophy
    edited Apr 17, 2019 2:19AM

    Hi,

    could you provide an edited  screen shot of  what you are trying to achieve ?

    regards,

    Franck

  • Sgodavar-Oracle
    Sgodavar-Oracle Member Posts: 1,011 Employee
    edited Apr 17, 2019 12:43PM

    I need to display a "display only " page item "Legend" at the bottom right most corner (first preference) or rightmost of the region header. The desired positions are in red color. thanks

    pastedImage_0.png

  • fac586
    fac586 Senior Technical Architect Member Posts: 21,205 Red Diamond
    edited Apr 17, 2019 2:42PM
    Sgodavar-Oracle wrote:I need to display a "display only " page item "Legend" at the bottom right most corner (first preference) or rightmost of the region header. 

    What is the purpose of this item? What is it the "legend" for?

    Positioning it in these "out of the way" positions might work for users of visual browsers, but it creates an accessibility problem for users of screen readers and other assistive technologies for whom it may prove hard to find.

    Sgodavar-OracleSgodavar-Oracle
  • LA County APEX
    LA County APEX Member Posts: 637 Gold Badge
    edited Apr 17, 2019 3:45PM Answer ✓

    Give your items class such as topitem-cls and bottomitem-cls and add style css:

    <style>

    .topitem-cls,.bottomitem-cls{

    position:absolute;

    float:right:

    right:10px;

    z-index:9999;

    }

    .topitem-cls{

      top:10px;

    }

    .bottomitem-cls{

      bottom:10px;

    }

    </style>

    Sgodavar-OracleSgodavar-Oracle
  • Soukaina IDRISSI
    Soukaina IDRISSI Member Posts: 896 Bronze Badge

    Hi LA county APEX,

    In which section should I add the name of the class (Layout, Appearance or Advanced) ?

    And the CSS code wille be add in the CSS Inline of Page like this: