Forum Stats

  • 3,874,252 Users
  • 2,266,710 Discussions
  • 7,911,785 Comments

Discussions

Navigation Region Menu too narrow - style="width:200px;"?

Howard (... in Training)
Howard (... in Training) Member Posts: 905
edited Dec 28, 2012 3:54PM in APEX Discussions
APEX 4.1 on Oracle 11.2 using Templates 17 and 21.

The problem: Menu title, based on Navigation Region of theme 17, is truncated. "Oracle Monitoring Menu" displays as "Oracle Monitoring".

For names not quite so long, I have had success adding
style="width:200px;"
to the region attributes for the region containing the menu. I get all of "Oracle Monitoring Menu" displayed. See: http://apex.oracle.com/pls/apex/f?p=31632:1 Dever / Ima9Dever

Okay that worked. But consider "Long-named Monitoring Menu" which displays as "Long-named Monitoring". This name is longer than 200px.

But when I try
style="width:220px;"
then blue and gray rectangles (of length 20px?) appear outside menu area but the menu gets no wider.
See: http://apex.oracle.com/pls/apex/f?p=31632:2

???? Anyone got a nice declarative solution which works for these longer names. [I can likely get them to wrap but that's not the solution I'm looking for.]

*****************************
Howard
Tagged:

Answers

  • VC
    VC Member Posts: 2,413 Gold Trophy
    it would be good if you provide login details for the above page/app
  • fac586
    fac586 Senior Technical Architect Member Posts: 21,459 Red Diamond
    edited Dec 28, 2012 3:54PM
    Howard (DBA in Training) wrote:
    APEX 4.1 on Oracle 11.2 using Templates 17 and 21.

    The problem: Menu title, based on Navigation Region of theme 17, is truncated. "Oracle Monitoring Menu" displays as "Oracle Monitoring".

    For names not quite so long, I have had success adding
    style="width:200px;"
    to the region attributes for the region containing the menu. I get all of "Oracle Monitoring Menu" displayed. See: http://apex.oracle.com/pls/apex/f?p=31632:1 Dever / Ima9Dever

    Okay that worked. But consider "Long-named Monitoring Menu" which displays as "Long-named Monitoring". This name is longer than 200px.

    But when I try
    style="width:220px;"
    then blue and gray rectangles (of length 20px?) appear outside menu area but the menu gets no wider.
    See: http://apex.oracle.com/pls/apex/f?p=31632:2

    ???? Anyone got a nice declarative solution which works for these longer names. [I can likely get them to wrap but that's not the solution I'm looking for.]
    Basically you can't fit a quart into a pint pot. That Navigation Region template is designed to be a fixed width for use within a sidebar. Everything about it is based on that assumption: the region width (190px); the use of fixed-width background images from a CSS sprite (the extraneous rectangles are other areas of the sprite shown because the overridden width exceeds those image dimensions); fixed height (30px) and hidden content on overflow of the region title. These properties mean that this template is not elastic.

    The regions in your examples are not in the sidebar display position where this template is intended to be used. If you don't intend to use these regions in the sidebar, then using another region template is the easiest solution. I'm not familiar with theme 17 so I don't know what it offers.

    What would "a nice declarative solution which works for these longer names" look like?
    fac586
  • VC wrote:
    it would be good if you provide login details for the above page/app
    Howard wrote:.... See: http://apex.oracle.com/pls/apex/f?p=31632:1 Dever / Ima9Dever
    I thought userid / password would be sufficient. (See above.) What more do I need?

    ****************************
    Howard
  • VC
    VC Member Posts: 2,413 Gold Trophy
    Howard (DBA in Training) wrote:
    VC wrote:
    it would be good if you provide login details for the above page/app
    Howard wrote:.... See: http://apex.oracle.com/pls/apex/f?p=31632:1 Dever / Ima9Dever
    I thought userid / password would be sufficient. (See above.) What more do I need?

    ****************************
    Howard
    yes you are right! sorry :p
This discussion has been closed.