Align outputText on the right

hello everybody,
i have the following code in my jsp. i would like to align every first column on the right ... when i put style="align:right" it doesn't do anything ...
how can i do it ?
<h:panelGrid columns="2">
<%--organisation--%>
<h:outputText value="#{bundle.organisationLabel}" style="align:right" />
<h:inputText id="organisationLabel" value="" />
<%--login--%>
<h:outputText value="#{bundle.loginLabel}" />
<h:inputText id="userLogin" value="" />
<%--password--%>
<h:outputText value="#{bundle.pwdLabel}" />
<h:inputSecret id="userPwd" value=""/>
<h:commandButton id="submit" action="success" value="OK" />
</h:panelGrid>

ok but if i use columnclass in panelgrid, it will
apply the style to all the columns. what i want is to
align the first column on the right, not the second.This is what the columnClasses attribute is for. You want something like:
columnClasses="leftalignclass,rightalignclass"
This says "use style 'leftalignclass' for the first column and 'rightalignclass' for the second column."
Hope that helps.

Similar Messages

Boxlayout - align things to the right?

Hi all,
I have a Box setup with PAGE_AXIS layout.. The Box will contain several JLabel icons (no text) and will be wider than the icons combines. I want the extra space to appear on the left side instead of the right. How do I add this?
I've tried adding Box.createHorizontaGlue() as the first thing but that doesnt help.
FYI, this container will implement TableCellRenderer
So like this:
[ .........................[ ] [ ][ ][ ][ ][ ][ ]|
-------------------------------------------

As already mentioned in a boxLayout you have to set the alignment of each child to get the overall alignment. While that's acceptable in a small container, it can get boring in a bigger environment. So in the long run you might consider switching to more powerful LayoutManager like JGoodies FormLayout (http://forms.dev.java.net/): it lets you define component alignment on a per-column/row basis.
Personally I switched completely to FormLayout (from nested BoxLayouts which are not too bad, IMO) and developed a visual builder for it (http://swingempire.de/palace/FormBuilder) <g>
Greetings
Jeanette

FPM toolbar: align buttons to the right?

I would like to align several buttons in a toolbar to the right (e.g. a "logout" button in a GAF), so position it directly before the standard customize and help buttons. Is it possible in some way?
Best regards,
Thomas

Hi Thomas,
Change the Alignment From Default value from Left to Right.
Regards,
Ragavendra

How to align menu to the right

Hi
How do I align a menu to the right? In the Design mode.
Previously I've used menuBar.add( Box.createHorizontalGlue() ), but I guess you should be able to do it without coding.
Using Netbeans 4.

How do I do that? Where?
" WARNING: Do NOT modify this code. The content of this method is always regenerated by the Form Editor."

Spry tabbed panel- align tabbs to the right? is it possible?

Hi ,
I'm working on CS4 and implimented spry tabbed pannel in my site, which is in hebrew-from right to left. how do I change the tabbed pannels to be from r-t-l and not as default?
Thanx,
Adi

Hi,
Thanks for your response.
he issue is that I need the Tabs-to strat on the right side , instead of the left side.
the above solution didn't help....
do you have another idea on getting it to work?
Thanks!

Question on aligning char to the right side.

Hi there,
I got stuck on displaying numbers in varchar2.
As I saw the result of a select cmd, if the data type is char,
the result will be displayed as aligned left. If the data type is number,
the result is aligned right.
Say
create table tmp1(
id number,
name varchar2(10)
insert tmp1 values(1,'1');
insert tmp1 values(2,'2');
insert tmp1 values(3,'John');
select id,name from tmp1;
id name
1 1
2 2
3 John
How can I align the name column right?
In other words, how to make char column right aligned?
This is the result what I want.(To line them up, I used underline in Name column.)
id name
1 ____1
2 ____2
3 John
Thanks.
Phil

Use LPAD(col1,10,' ')
SQL> with data as ( select 1 id, '1' name from dual
2 union all      select 2,    '2'      from dual
3 union all      select 3,    'John'   from dual
4 ) -- data
5 select id, lpad(name,10,' ') name
6 from data ;
        ID NAME
         1          1
         2          2
         3       JohnSS

Align af:output to the right side in facet top

Hi Guys,
I m trying to align af:output to the right side in facet top but its not working.how can i do that.
<f:facet name="top">
<af:panelGroupLayout layout="horizontal"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
id="pgl1" styleClass="AFStretchWidth">
<af:panelHeader text="JCB Workbench" id="ph1"/>
<af:outputText value="#{bindings.Name.inputValue}" id="ot1"/>
</af:panelGroupLayout>
</f:facet>
Thanks,
Raul

Hi,
set
<af:panelGroupLayout layout="vertical" halign="right" >
<af:panelHeader text="JCB Workbench" id="ph1"/>
<af:outputText value="#{bindings.Name.inputValue}" id="ot1"/>
</af:panelGroupLayout>

How to align a String value to the right side inside a table column?

Hi,
I have a text view inside a table column which is mapped to a string attribute. I need to align the text in the text view to the right hand inside the table column. But its always getting aligned towards the left side. I have tried by setting the <b>hAlign</b> property of Element properties of Text View to <b>right / forced right</b> but still the text is getting aligned to the left side.
How do I align the String values in Text View towards the right hand side inside a Table Column?
Thanks and Regards,
Sayan Ghosh

Hello Sayan,
if i do get it right, you are adding an TextView element to a Table Cell. Then you should consider setting aligment within the particular cell. By calling:
YourCell.setHorizontalAlignment(CellHAlign.RIGHT)
regards.
mz

How can I align a character exactly flush with the right side of a text box?

I'd like to automatically align some text so it touches the right side of its text box exactly for all characters ("Optical Margin Alignment" doesn't work). Figure-1 shows the default behavior for right-aligned text. Figure-2 shows what I want it to look like. Since these characters are inputs from a large Data Merge, manually adjusting each instance is not a practical solution.
Selecting the "Align Left Edge" checkbox in "Drop Caps and Nested Styles" is exactly the kind of behavior I'm looking for, except it needs to be the "Right Edge" not the "Left Edge".
Figure-1: This is the default behavior for right-aligned text.
Figure-2: The is what I want the result to look like.

Rob, thanks for the link with the thread. At least I know I'm not missing some obvious function somewhere.
Olfar, I follow what you did with "Indent to Here" and the Hair Space, and I understand how to use tracking to manually align the second line, but I don't know much about grep styles, so I didn't follow that part. Does the technique you used work for all characters? For instance, if you replaced the "1" with a "7", would it automatically align the rightmost part of the "7" with the "N"? Also, I need something that works with double digit numbers, and I don't think the Hair-Space-and-Tracking trick is going to work in those cases, but I could be wrong.
Thanks.

Align select dropdown menu on the right edge of parent box

Hello,
I was wondering if you can help me about an issue i have with Firefox browser.
I'm designing a webpage and i have a "<select>" menu with numerous options.
On Firefox the left edge of the dropdown menu aligns to the left edge of the
parent "<select>" box whereas in other browsers (Chrome, IE) aligns to the right.
The entire menu, is located on the right edge of my page
The result is when the innertext of an option is very long,
exceeds the margins of the page and is cut.
Is there any hidden option (css-fix), so that i could make dropdown menu align to
the right of the parent box , just like other browsers?
(I have some screenshots of the menu, but i don't know where to post them)
Thank you in advance!

Could you post your Screenshot and code.
There is "browse" icon above POST REPLY button, it helps to add your image.

Aligning APEX logo image to the right

I've been poking around a number of places trying to get my logo image to align to the right of the page rather than the left to no avail. It can't be that difficult and hoping someone can shed some light on the subject. I am using the "Red" standard theme.
Insights and suggestions appreciated.
JES

jes2008 wrote:
I've been poking around a number of places trying to get my logo image to align to the right of the page rather than the left to no avail. It can't be that difficult and hoping someone can shed some light on the subject. I am using the "Red" standard theme.
Insights and suggestions appreciated.
JESHello JES
I think you need to take a look at HTML Code which is displayed on the web browser for you..
a tool such as FIREBUG can be of great assistance to you and help you more on this matter..
but what ever you do i think it will be very hard for you...if you try modifying existing CSS classes on the MASTER TEMPLATE...
how about looking at the MASTER TEMPLATE of your theme and make changes on it...
if i were you i would make an extra TABLE ROW on the template...
like the following...
<table width="100%" cellpadding="0" cellspacing="0" border="0" summary="">
<tr>

<td class="rightLogo"><img src="#IMAGE_WORKSPACE#imageName.jpg" /></td>
</tr>
<tr>
<td valign="top" class="t1Logo">#LOGO##REGION_POSITION_06#</td>
<td valign="top" width="100%">#REGION_POSITION_07#</td>
<td align="right" valign="top">#NAVIGATION_BAR##REGION_POSITION_08#</td>
</tr>
</table>by doing the above..then you have complete control of your image logo and where you can position it on the browser...
I hope this helps...
Regards
Noel Alex Makumuli,
Tanzania

CSS Drop down menu; how to align the right edge of drop down and parent menu?

Hello everyone,
I have a drop-down menu that is currently working well.
The only change I need to make is to have the right edge of the drop-down menu to align with the right edge of the parent menu. When you hover over the menu, it currently "drops" down and to the right, with the left edges aligned.
I want the menu to "drop" down and to the left, so the right edges are aligned.
I have tried fiddling with floats and absolute/relative positioning. I'm not sure what needs to be changed.
Any help you can provide is greatly appreciated! I'm learning via "cut and paste", so please go easy on any terminology you may use.
Thank you!
Here is my code:
.chromestyle{
     width: 100%;
     font-weight: bold;
     float: left;
     height: 29px;
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
.chromestyle ul li{
display: inline;
.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-left: 1px solid #DADADA;
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 5px;
text-decoration: none;
font-weight: bold;
color: black;
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0000ff;
color: #fff200;

Try this:
.chromestyle{
     font-weight: bold;
     height: 29px;
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.chromestyle ul{
border: 0px solid #BBB;
width:100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
.chromestyle ul li{
display: inline;
.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-left: 1px solid #DADADA;
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
text-align:left;
.dropmenudiv a{
width: auto;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
font-weight: bold;
color: black;
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0000ff;
color: #fff200;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to align the number to the right

Hi,
Can anybody tell me ,
1. if the field is related to number, align the value to the right and complete it to the left with 0.
2. if the field is related to description, align the value to the left and complete it with "spaces".
Please reply ASAP.
Thanks,
Madhu

Hello Madhu
If a field has a numeric type its contents is, by default, right-aligned.
If a field has a alphanumeric type its contents is, by default, left-aligned.
In order to remove leading spaces (2) you can use the CONDENSE statement.
In order to add leading zero (1) you can use the OVERLAY statement.
For details please refer to: [Processing Character Strings|http://help.sap.com/saphelp_nw04/helpdata/en/fc/eb3357358411d1829f0000e829fbfe/content.htm]
Regards
Uwe

Hi, Over a week now, my Firefox browser has been aligning the info on the page to the right of the page. This makes it difficult to see the rest of the contents on the page. Can you help?

Question
Hi, Over a week now, my Firefox browser has been aligning the info on the page to the right of the page. This makes it difficult to see the rest of the contents on the page. Can you help?
Regards
Femworth65

my money is on a hardware issue

Help! Desperate! Player won't align to the right of the Sidebar

Hello,
I am trying to get the player to align below the "header" and
to the right of the "sidebar". My Text will align properly but the
player I am adding just won't seem to align below the text?
I have the code below with my CSS file also. I use this file
for other items so other things are in there.
Can anyone Help?

I think you'd be better off posting a link to the page and
explaining a bit more about what you mean.
Regards
Martin

Align outputText on the right

Similar Messages

Maybe you are looking for