How to alter width of navigation region

Is there a way to alter the width of the Navigation Region Alternative 1? I am using it to display links to other pages, but the descriptions are bumping onto three and four lines, making it cumbersome.

Hi,
In Shared Components, Templates there is a template for "Navigation Region, Alternative 1". In the Theme I'm looking at (Theme 18), this shows:
<div class="t18Region" id="#REGION_STATIC_ID#" #REGION_ATTRIBUTES# align="left" width="200">
<div class="NavigationRegionAlternative1"><h2>#TITLE#</h2>
<div class="t18RegionBody">#BODY#</div></div></div>so, in this case, I could adjust the width attribute at then end of the first line. I'm not sure what theme you're using, but it should be something similar.
Andy

Similar Messages

No Navigation Region on Home Page

Hello
Bit of a newbee. I've created a new appliacation which has a home page and I've created a report page which updates a table. I want to add a link to my homepage, as a text line for example UpdateTable, and when I click the link, it goes to my report page. I've had a look in my Apex CookBook, and it says I do this by using the Navigation region in my home page. The problem is I don't seem to have a navigation region in my home page. I thought initially it meant the navigation bar, but I now realise this is the header bar. Do you know how I can create a navigation region in my home page..?
Regards
Craig

Hi Craig,
the navigation region is a template.
Use this region template to create a list which contains the link to your report page.
For your page you could use a template with a left or right sidebar to show your navigation region in.
regards,
Erik-jan

How do you move a track region in Garage Band to a new starting point without altering the existing length of the track?

How do you move a track region in Garage Band to a new starting point without altering the existing length of the track? Thanks.

What exactly are you trying to do? You can drag any region by grabbing it in the middle of the upper area with the highlighted name of the region. However, if you move it towards the end of the track, the length of the track will get longer, to accommodate the extra part of the region. DO you want to speed up the region, to shorten it or do you want to trim it? You can simply grab the right margin of the region and drag it, to make the region shorter.

Navigation Region CSS problem

workspace : RGWORK
user : tester
pass: test12
apllication name :TESTER 01
page : 2
How do I fix the css of my navigation region? their are lines that are extending in the bottom of the region.. How will I solve that?

The Simple Red (theme 1) CSS includes the following rule:
.navigation-region div {
    overflow: hidden;
    width: 183px;
    padding: 0 0 4px;
    background: url(../images/bg-navigation-b.gif) no-repeat 0 100%;
}The <tt>.navigation-region div</tt> descendant selector causes this rule to be applied to all <tt>div</tt> elements that are contained within elements with a class of <tt>.navigation-region</tt>. As it seems unfeasible to expect apps to never have <tt>div</tt>s in a navigation region—as you've discovered—I'd say this is definitely a bug. We certainly shouldn't get these kind of artefacts from a combination of built-in components and templates.
The CSS selector for this rule should be more specific. There are a number of different possible ways to do this. Combining child and pseudo-class<tt>:first-child</tt> pseudo-class is one of them, and avoids having to make any changes to the template HTML.
The best way to fix this is to copy the theme, modify the errant CSS, and republish the theme in the repository. (In some cases, such as in a hosted environment, this might not be possible.)
As a simple fix in this example, I created a small custom style sheet and a new page template referencing it:
.navigation-region div {
padding: 0;
background: none;
.navigation-region > div:first-child {
overflow: hidden;
width: 183px;
padding: 0 0 4px;
background: url(/i/themes/theme_1/images/bg-navigation-b.gif) no-repeat 0 100%;
}The first rule resets the problem properties using the same descendant selector as the theme CSS; the second is the "correct" rule that only affects the first child <tt>div</tt> in <tt>.navigation-region</tt> elements.
There's a slight problem with this fix as the initial reset rule will affect all <tt>div</tt>s in <tt>.navigation-region</tt> elements: it's necessary to ensure that any rules setting <tt>padding</tt> or <tt>background</tt> on other <tt>div</tt>s need to follow this one in the cascade or be more specific than this one, hence creating a copy of the theme is the best option.

How to fix Width of column in classic report.

Dear Friends
i am using Apex 3.2.
i have created Clasic Report and i have summary column in my report that column have description of issue so i want to fix width of that column nn Classic report .
i have try some code in html expression
<span>style="width: 480px; display: block; white-space: normal; font-size: 11px;">#ACTIVITY_SUMMARY#</span>
{code
after apply abovemention code that display me in my summary like this and not manage width of column.
style="width: 480px; display: block; white-space: normal; font-size: 11px;">Dear Cherryl, Greetings !! Thank you very much for the new query and we are pleased to confirm the availability of one single cabin in all the three categories of cabin on M.V. Mahabaahu. We would like to inform you that both the departures 15th Oct 2013 & 29th Oct 2013 (Golden triangle with Cruise) are operational and attached are the prices for your kind consideration. As a special promotion for the 15th Oct 2013 departure only, we are offering USD 100 per person reduction on the Golden triangle portion combined with the cruise. Kindly review and advise us to block the accommodation accordingly. Regards...pankaj
How to fix Width of column in classic report.
Thanks

Hi,
I'm working an example in APEX 4.2 so YMMV (your milage may vary!).
For Classic Reports, where the Column Attributes "Display As" is set to Display as Text (escape special characters ...:
1) I find that Column width and Element Width setting have no effect to make the column smaller or larger.
2) Here is one way that works:
- In the Region's Region Definition, under Attributes give the Static ID a name (no spaces), say, class-report.
- In the columns you want to affect, place "<div>#ENAME#</div>" in the columns Column Formatting "HTML Expression". Where "ENAME" here is the actual column name.
I'm using the EMP table as an example.
- Finally, in the page's HTML Header put, for example
<style>
#classic-report td.data[headers="ENAME"] div {
width: 200px;
color: blue;
#classic-report td.data[headers="JOB"] div {
width: 50px;
white-space: nowrap;
word-wrap: break-word;
</style>This makes the ENAME column wider and the JOB column smaller and wraps it.
Much more could be said. If you tweak you will find you can also affect spacing above, below and right/left of the data.
#classic-report .report-standard th.header {
border-left: #9fa0a0 1px solid;
padding: 2px 3px 4px 5px; /* top right bottom left margins */
font-size: 11px;
font-weight: bold;
vertical-align: bottom;
#classic-report .report-standard td.data {
border-left: #9fa0a0 1px solid;
padding: 3px 4px 5px 6px;
font-size: 9px;
}Does this help?
Howard

Controlling Column Width in Report Region

I have a report region based on a simple select statement. I'd like the table to be the full width of the region and I'd like the columns to be spaced evenly so that they are also the full width of the region. I have figured out how to set the table width via Report Attributes Substitution, but I am unable to set the column width. Any help would be greatly appreciated.
Mark

Hi take a look into this post:
Translated in English:
http://translate.google.de/translate?sl=de&tl=en&js=n&prev=_t&hl=de&ie=UTF-8&layout=2&eotf=1&u=http%3A%2F%2Fwww.apex-at-work.com%2F2010%2F08%2Fsilbentrennung-hyphenation-in-apex-ger.html
Code must be extracted from Original post:
http://www.apex-at-work.com/2010/08/silbentrennung-hyphenation-in-apex-ger.html
This could be also interesting for your:
http://www.apex-at-work.com/2010/03/automatic-linebreak-if-word-breaks-out.html
Tobias
http://apex-at-work.com

Portal 902: How to setup large scale navigation ?

hello,
I'm just starting to work with Portal 902. The new concept of page groups and pages is still not clear to me. I want to design a site with a banner on the top and 7 tabs. 4 of the tabs should have a specific vertical navbar on the left side and a content region on the right side. The content region should allow for navigation to sub levels where the sublevel in rendered in place. This type of interface is very common.
In Portal 309 it was possible to define tabs, create a navbar portlet on the left and a folder portlet on the right side. While navigating in the folder portlet, the subfolder was rendered in place.
How should I design this interface in Portal 902 ? I don't want to define the tabs on each subpage again. The number of subpage can become very huge, and therefore it should be easy for users to create them.
Can someone explain how to implement this type navigation, and how the old and new concept can be compared ?
regards,
Willem-Pieter van der Lugt

willem,
i've a question for u ...
u mentioned in portal 309 u did the following -
create 22 regions in a page, the left region will contain nav bar portlet and the right region will have folder portlet and as the user navigates thru the nav bar in the left region the folder renders in the right region in folder portlet ? is that correct ...? if so, how do u do this ... cause, i could not find any way of rendering the folder in the right region ... when it is clicked in the nav bar portlet in the left region.
how do u do this in 309.
what i did was create a custom HTML nav bar in the left region and create a IFRAM in the right region. when a user clicks a link in the left region, i render it in IFRAME using the target property of IFRAME. this is lot of work and maintenance is pain ... if there is a way to do this in a simpler way, pls let me know.
thanx a bunch
hero
hello,
I'm just starting to work with Portal 902. The new concept of page groups and pages is still not clear to me. I want to design a site with a banner on the top and 7 tabs. 4 of the tabs should have a specific vertical navbar on the left side and a content region on the right side. The content region should allow for navigation to sub levels where the sublevel in rendered in place. This type of interface is very common.
In Portal 309 it was possible to define tabs, create a navbar portlet on the left and a folder portlet on the right side. While navigating in the folder portlet, the subfolder was rendered in place.
How should I design this interface in Portal 902 ? I don't want to define the tabs on each subpage again. The number of subpage can become very huge, and therefore it should be easy for users to create them.
Can someone explain how to implement this type navigation, and how the old and new concept can be compared ?
regards,
Willem-Pieter van der Lugt

How to hover an image navigation?

Hello everyone! I hope someone can help me. I've been
following the
Dreamweaver
Tutorial, but i still have a problem on how to hover an image
navigation. I just followed the code format on the guide which is
shown below:
quote:
.navigation{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #993300;
display: block;
padding: 8px;
width: 140px;
.navigation:hover{
font-family: Verdana, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background-color: #D03D03;
display: block;
padding: 8px;
width: 140px;
and what i did is:
quote:
.navigation{
display: block;
color:#009;
.navigation:hover{
display: block;
color:#009;
background-image:url(images/gallerybtn2.jpg);
can anyone enlighten me up? I just need it badly for my
school project. :(

It's just on my desktop. The code DW created when I used the CSS Transition function begins at .navHome:hover. What comes before that is mine. Important point is that the image is in the html and I suspect it's not responding as background. If I put it in CSS as a background image I don't know how to make it work as a link.
#navPrimary {
    width: 100%;
    float: left;
    margin-bottom: 15px;;
#navPrimary li {
    float: left;
    list-style: none;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
.navHome:hover {
    background-position: -10px;
.navBoiko:hover {
    background-position: -10px;
.navNatasha:hover {
    background-position: -10px;
.navBooks:hover {
    background-position: -10px;
.navGames:hover {
    background-position: -10px;
.navHome {
    padding-top: -10px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
.navBoiko {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navNatasha {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navBooks {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
.navGames {
    padding-top: -10px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

Width of Navigation Pannel

HI All,
I have one requirement in which i have added one iview in Navigation pannel .
Now i am getting horizontal scrollbar . How to remove this scrollbar or how to
increase the width of Navigation pannel.
Regards,
Piyush

Hi
You can cahnge the width of the navigation panel by changing the value of "defaultExpWidth" in the file WAandNAVPanel.js that is in the default layout par file com.sap.layouts.framework.par from 220 pixels to the value you want.
upload the changed par file and restart the server.
thanks

How can I just disable "navigation toolbar" completely for the App Tabs? I don't want to disable this for other normal tabs.

How can I just disable "navigation toolbar" completely for the App Tabs? I don't want to disable this for other normal tabs. This is important as otherwise while I am in the app tab, i mistakenly start browsing from that tab and meaning of the app tab is completely lost...

How can I view my full billing history for the app and music stores without iTunes installed?
No.
If my account has been compromised
If you even think this may have happened, immediately change your password.
See this -> Apple ID: Changing your password

How can i add a navigation rule at the runtime of JSF?

Hello,
how can i add a navigation rule at the runtime of JSF. Maybe i should use the method "addNavigationRule()" in class "FacesConfig", but i do not know, how can i obtain the instance of class "FacesConfig". Can anybody help me?
Thank you very much!!!

Just curious: Why whould you want to add navigation Rules at run time. I believe the navigation rules should be set to begin with - "by s/w Architect Design".
Else you can always use Redirect / Forward.

How to hide read mode navigation in acrobat xi permanantly

How to hide "Read mode navigation" . In my application i am opening pdf file in light box window where i disable right click to protect download and print pdf file( only View ). but This Read mode navigation is appearing automatically when we put curson on file even if we protect the document. I have purchased Acrobat professional xi to created protected acrobat file by disabling menu tool bar but there is no option to hide readmode navigation. Please let us know how to hide this.
Thanks,
Nagendra

If you want the form "flattened", that is all form fields converted to PDF context, you need to use some JavaScript to flatten the form fields. This will remove all form functionality. It will not prevent editing by Acrobat's text touchup or object tools.
The "submit" button is used by other users to sent the PDF form data to a central collection site or email address where the sender or provider of the form can collect the submitted data.
You could also use a digital certificate to sign the form and lock the fields. The signature will also verify that no changes have been made to the PDF since it was signed and one could also see what was changed.

How to enable "top level navigation " in portal

Hi all,
I am unable to see the "top level Navigation" once I logged on to portal
Previously I was able to see that
I performed the following steps thats the reason why I am unable to see "top level navigation"
1 Logged on to portal
2 Content administration
3 Expanded Poratl Content
4 Expanded Content Provided by SAP
5 Expanded End User Content
6 Expanded Standard Poratl Users
7 Selected "Default Frame work Page"
8 In that selected Top Level navigation Iview and the iveiw properties I changed the property "Number of Display Levels " to "0" and choose save
As I have set "Number of Display Levels" to "0" I am unable to see "top level Navigation" Now,I want to change it to 2 for that I need to see the Content Administration role in the "Top Level navigation" Can anyone help me out how to enable "Top level Navigation"
Thanks in advance

undo the changes what you have done.
after you logon to the portal try the url below...this should take you to content admin directly from there modify the framework page and reset the property of TLN
http://yourserver:port/irj/servlet/prt/portal/prtroot/com.sap.portal.pagebuilder.IviewModeProxy?iview_id=pcd%3Aportal_content%2Fadministrator%2Fsuper_admin%2Fsuper_admin_role%2Fcom.sap.portal.content_administration%2Fcom.sap.portal.content_admin_ws%2Fcom.sap.portal.portal_content&iview_mode=default
Thanks
GLM

How to view bookmark in navigation pane in Acrobat Reader XI?

How to view bookmark in navigation pane in Acrobat Reader XI?

F4, or click the Bookmark icon at the upper-left, or select: View > Show/Hide > Navigation Panes > Bookmarks (Alt+V+S+N+B),

How do I remove a navigation pane in acrobat reader XI

How do I remove at all a navigation pane on the left in acrobat reader XI? It is really very annoying remove it hundred times using the right mouse button.

Every time I open a new pdf file, there a navigation bar appears on the left (see screen). I do not need it and it really bothers when I working by place two parallel windows on the screen. For sure it can be removed by clicking the right mouse button. But it must be done every time, and it tires.
How can I make this navigation bar does not appear, I do not know. I looked on the internet, but found nothing. Probably, in principle, developers could leave the pane on the machine on default, but to make an easy way to remove it and save the settings for the future opening new files.

How to alter width of navigation region

Similar Messages

Maybe you are looking for