ADF Faces OutputText text-align

I´m working in an ADF Faces Application, a column in a table is showed using an outputText but the customer wants its value is showed right align.
I've tried the propertie inlineStyle="text-align:right;" in the outputText but it's not working correctly.
I think that inlineStyle="text-align:right;" doesn't work with outputText.
Are there any solution to align text in a af:outputText?
Thanks in advanced
Toni - Oracle Principal Consultant - Spain

Hi,
select the column and and change the FormatType to Number.
<af:column headerText="Description"
sortProperty="Description" sortable="false"
formatType="number">Brenden

Similar Messages

ADF Faces - indenting text in table column.

Is there a way to indent text in an ADF Faces coreColumn component? I'm trying to represent a recursive tree structure in a CoreTable. I've tried inserting object spacers depending on the depth of each node in the tree, but Faces then wraps the text after the spacers, even when I specify no wrap for the column.
Better yet, is there a way I could do this with a tree component? I've tried separating the different levels into different collections with separate custom methods, but I don't know how to specify the master/detail relationships between them.
Any suggestions gratefully received.
Brian Spear.

Thanks, Frank. I don't think a tree table is the answer; it has the same requirements as the tree (or so I understand) with regards to populating each level from a different collection, and foreign key relationships. Not suitable for recursive relationships. Furthermore it only shows a small part of the tree at a time. I've got as far as returning a list of nodes within a structure, and I can display the structure, with icons for expanding and collapsing the nodes. All I need now is a way to indent the levels so the structure is more visible. The best I've managed so far is by inserting ". . ." in the text itself on each lower level, to make the left-justified text look indented. Obviously, I'd like a better way, that can be implemented in the view layer.
Is there maybe a way of nesting objects within an outputText component so that it doesn't wrap? Must look into that.
Thanks again.
Brian Spear.

ADF Faces -- Input Text

Hello all
I am developing a GUI using ADF Faces and I have only one problem left in my jsp. I use an Input Text with its "readOnly" attribute set to true to show some values in the screen and it works just fine, but now I need to input the values shown in the InputText field.
I mean...i need to show a value in the InputText field and i must be able to update this value. What i did is set the attribute "readOnly" to false and add a binding Attribute. But i got an error saying that it's not possible to have a "readOny" and "binding" Attribute at the same time and it seems to be logical it the readOnly where set to TRUE, but it's set to false so I can't see why i am wrong.
I put here the code for the input Text. I wonder if someone know what's the issue or another way to do what i am trying to do
<af:inputText label="#{bundle[\'showResults.refTexto\']}"
                                binding="#{mostrarResultadoDiagQuery.descripTexto}"
                                rows="1" readOnly="false" rendered="true"/> I am using Jdeveloper 10.1.3.4
Thanks to all, thanks in advance
Edited by: Jose Miguel on Dec 15, 2008 8:42 AM

Hello again
I've been doing some testing but I still have the original problem.
I have tried getting the entered text in another been but i still get the same problem.
I do have getter and setters methods for the attribute where i update the values.
The message i get is the following
javax.faces.el.EvaluationException: javax.faces.el.EvaluationException: Error getting property 'result' from bean of type mx.com.uaem.htb.sspoc.portal.managed.DiagQueryBean: java.lang.NumberFormatException: null
     at com.sun.faces.el.ValueBindingImpl.isReadOnly(ValueBindingImpl.java:293)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.EditableValueRenderer.getReadOnly(EditableValueRenderer.java:211)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.EditableValueRenderer.wasSubmitted(EditableValueRenderer.java:109)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.EditableValueRenderer.decode(EditableValueRenderer.java:48)
     at oracle.adfinternal.view.faces.renderkit.core.xhtml.InputLabelAndMessageRenderer.decode(InputLabelAndMessageRenderer.java:34)
Caused by: javax.faces.el.EvaluationException: Error getting property 'result' from bean of type mx.com.uaem.htb.sspoc.portal.managed.DiagQueryBean: java.lang.NumberFormatException: null
     at com.sun.faces.el.PropertyResolverImpl.getValue(PropertyResolverImpl.java:109)
     at oracle.adfinternal.view.faces.model.FacesPropertyResolver.getValue(FacesPropertyResolver.java:92)
     at com.sun.faces.el.impl.ArraySuffix.evaluate(ArraySuffix.java:187)
     at com.sun.faces.el.impl.ComplexValue.isReadOnly(ComplexValue.java:204)
     at com.sun.faces.el.ValueBindingImpl.isReadOnly(ValueBindingImpl.java:266)
Caused by: java.lang.NumberFormatException: null
     at java.lang.Integer.parseInt(Integer.java:415)
     at java.lang.Integer.parseInt(Integer.java:497)
     at mx.com.uaem.htb.sspoc.portal.managed.DiagQueryBean.getResult(DiagQueryBean.java:56)
     at sun.reflect.GeneratedMethodAccessor33.invoke(Unknown Source)
     at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
     at java.lang.reflect.Method.invoke(Method.java:585)
     at com.sun.faces.el.PropertyResolverImpl.getValue(PropertyResolverImpl.java:99)
Thanks for all your help

ADF Faces tooltip text for datatable's columns impossible?

Hi,
How can I show tooltip text for column in datatable? ShortDesc property for column is ignored.
thanks,
Branislav

Hi Brano,
this is a small workaround:
<af:table rows="5">
    <af:column>
      <f:facet name="header">
        <af:panelGroup layout="vertical">
          <af:outputText value="Ako ide ADF?"/>
          <af:outputText value="Small blue tooltip"
                                inlineStyle="font-size: 70%; color: blue"/>
        </af:panelGroup>
      </f:facet>
      <af:outputText value="#{row.col2}"/>
    </af:column>
</af:table>Rado

ADF Faces: Differring text sizes for AFFieldText and AFFieldTextDisabled

I have found differing texts sizes in the generated css file for AFFieldText, AFFieldTextDisabled. Does anyone know the best way to fix this?

I double checked and there was nothing in the WEB-INF/temp but the file was in the application-deployments/ directory. The contents of which are:
more oracle-desktop-10_1_3_0_4-en-ie-6-windows-s.css
/* CSS file generated on Tue Jan 31 14:24:27 EST 2006 */
.AFInstructionText,.x0,.AFFieldText,.x6,.AFFieldTextLTR,.x42,.AFPhoneFieldText,.
x44,.AFPostalCodeFieldText,.x46,.AFAddressFieldText,.x48,.PortletText1,.x6t,.Por
tletText2,.x6u,.PortletText3,.x6v,.PortletText4,.x6w,.portlet-form-field,.x7l,.O
raMessageBoxText,.x8p {font-family:Arial,Helvetica,Geneva,sans-serif;font-weight
:normal;font-size:smaller;color:#000000}
.AFInstructionTextDisabled,.x1,.AFFieldTextDisabled,.x7,.AFFieldTextLTRDisabled,
.x43,.AFPhoneFieldTextDisabled,.x45,.AFPostalCodeFieldTextDisabled,.x47,.AFAddre
ssFieldTextDisabled,.x49,.portlet-font-dim,.x6y {font-family:Arial,Helvetica,Gen
eva,sans-serif;font-weight:normal;font-size:small;color:#999999}

ADF Faces Output Text - Automatic Update?

Say you had a stock value in a view object as an output text field that updates in the view object once a minute. During this time, validate() is called on the row (which i thought would update the client). How can i get the client web page to update the field automatically?
OR
Have the client request an update of the text field from the view object once a minute?

+1
its the only way you could handle this. In JDeveloper 11 there will be a technology available for pushing such information to the cient. But in 10.1.3.x poll is the only option you have.
Frank

How to change the text alignment of an adf table column

Hi everyone
I have a read only adf table that uses banding. What I want to do is change the text align property of one of it's columns but the task seems not at all trivial.
I tried entering a value for the text-align property in the inline style of the specific af:column tag and failed. I then tried to do the same for the af:outputText element inside the column but still nothing worked. I even created a css style and changed the StyleClass attribute on each or both elements without any luck.
Can anybody shed some light here ...
Thanassis

Specify the text-align in a css.
Re: styling column headers in adf table

How to align ADF column header text

Hi,
I want to align ADF column header text to center regardless of whether the contents are text (which should be left aligned - done by the "formatType" attribute) or number (which should be right aligned - done by the "formatType" attribute) within a ADF table. the styleclass attributes also doesnt work. can anybody help me pl?
Afi

Hi Afi,
use
<af:column>
<f:facet name="header">
    <af:panelHorizontal halign="center">
      <af:outputText value="#{bindings.DeptView.labels.Dname}"/>
    </af:panelHorizontal>
</f:facet>
<af:inputText value="#{row.Dname}"/>
</af:column>instead of
<af:column headerText="#{bindings.DeptView.labels.Dname}">
<af:inputText value="#{row.Dname}"/>
</af:column>Rado

ADF FACES: HTML template text Layout is broken when uses ADF Faces tags

This works fine:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=windows-1252"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<f:view>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></meta>
</head>
<body>
<h:form>
<table border="1">
<tr>
<td width="45%">
<h:dataTable rows="5" bgcolor="Red" value="#{class1.names}" var="name">
<h:column>
<h:outputText value="#{name}"/>
</h:column>
<h:column>
<h:outputText value="#{name}"/>
</h:column>
</h:dataTable>
</td>
<td width="55%">
<h:inputText/>
</td>
</tr>
</table>
</h:form>
</body>
</html>
</f:view>
=> a table is rendered with one row and two columns; in the first column the data table is rendered in the second the inputText
Changing to ADF Faces tags breaks the layout:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=windows-1252"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/EA11" prefix="af"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/EA11/html" prefix="afh"%>
<f:view>
<afh:html>
<afh:head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></meta>
</afh:head>
<afh:body>
<af:form>
<table border="1">
<tr>
<td>
<af:table rows="5" value="#{class1.names}" var="name">
<af:column>
<h:outputText value="#{name}"/>
</af:column>
<af:column>
<h:outputText value="#{name}"/>
</af:column>
</af:table>
</td>
<td>
<h:inputText/>
</td>
</tr>
</table>
</af:form>
</afh:body>
</afh:html>
</f:view>
=> at the begin of the page an empty table is rendered; below the data table is rendered and below the inputText
It think it should be possible to layout the page with HTML template text and use ADF Faces tags.

As of EA12 (and EA13) <afh:body> is what is known as a "rendersChildren" tag. It needs to do so in order to support partial-page rendering This means that template text inside it needs to be wrapped inside <f:verbatim>.
For later releases of ADF Faces, I've filed an enhancement request to loosen up this restriction for <afh:body>.

EA ADF Faces panelForm alignment

Using the example below in ADF Faces, how do you left align the label text and right align the input box? I've had to resort to using the outputLabel for the label text and then blanking the label value on the inputText control to get the label and input box to align correctly.
<af:panelForm>
<af:inputText label="First name:" value="/>
<af:inputText label="Last name:" value="/>
</af:panelForm>
A format like the following:
First name: xxxxxxxxxxxxxxxxx
Last name: xxxxxxxxxxxxxxxxx
Label 23 xxxxxxxxxxxxxxxxx
Label 25 xxxxxxxxxxxxxxxxx
Thanks

Hello,
Currently, this is not doable. I'll track this as an enhancement, so in the future we can make this a customizable attribute.
Thanks!
Jeanne

ADF Faces - ConvertNumber, aligning in table column

Is there a way in ADF Faces to display a table with a column of currency figures, with possible trailing sign for negatives, aligned on the decimal point? With a total at the bottom? These seem like such elementary requirements, but I can find no reference to them in the documentation. ConvertNumber javadocs mentions a pattern property, but no details of what constitutes a pattern.
Any help gratefully received.

Hi,
drag and drop the ConvertNumber component and double click on it in the StructureWindow of the page (strl+shift+s). This brings up a dialog that provides help when moving the mouse over the labels
As a pattern try e.g. 0000.00
The currency can be specified in the last field as the type. The symol can be expressed as a character $ or in ISO format USD
There is no native component to compute the total, but since the table shows the values in page ranges, you can add a output field and compute this information in a backing bean
Frank

Change default text in adf faces component in Webcenter Spaces

Hi ,
Here is the link that I found to change the default text in adf faces component. http://www.oracle.com/technetwork/developer-tools/adf/learnmore/49-skin-component-labels-169191.pdf
Scenario is simple :
Taskflow "ABC" is used in webcenter space through imported Library in spaces App. Taskflow "ABC" have the pageFragment "view1" and fragment has a adf table on that page. I was trying to change the "Detach" text using below code in above provided instruction.
{ "af_panelCollection.LABEL_DETACH_TABLE_DLG", "Any name for the Detachable Table" },
{ "af_panelCollection.LABEL_DETACH_TREE_TABLE_DLG", "Any name for the Detachable Tree Table" }
Query/Problem : I did change in the trinidad-skins.xml of DesignWCSpaces app ... redeployed the war.. But the text didn't changed. The above steps worked fine for individual ADF application ... SO what's wrong with implementation on Webcenter Spaces ?

Hi.
Basically you have to do the following:
Create an ADF JAR Library including your Skin (JS, Images, CSS Skin, Resources Bundles and trinidad-skins.xml)
Deploy the ADF JAR Library as Shared-lib in WebLogic.
Include in your weblogic.xml of the WebCenter Portal (Formerly Spaces) deployment via DesignWebCenterSpaces or the new extension the reference to the shared-lib.
Restart WebCenter Portal (Spaces). When starting WebCenter Portal (Spaces) it looks inside of the Classpath for all trinidad-skins.xml files.
Setup your custom skin for a Space and test.
If the Skin is not selectable in the Administration Console then register your new skin downloading/updating/uploading from the MDS the generic-site-resources.xml file of the default scope GUID.
If you still have issues then may I priorize a Blog entry explaining this .
Regards.

(2nd POST) The correct way to do "custom layout" with ADF Faces

Hi all,
I need the capability to do custom layout of ADF Faces page (other than the default layout we got after we drag data controls). For example I need layout like below :
Order Number : xxxx ............................................................Gross : 999,999
Order Date : xx/xx/xxxx ........................................................Discount : 999,999
Customer : code - name.........................................................Tax : 999,999
Salesman : code - name.........................................................Netto : 999,999
(the dotted line represents spaces)
Currently I do it with </afh:rowLayout> plus.. many..many </h:panelGrid>, so I am looking a better way. what is that ?
Below is sample of my code :
<afh:rowLayout>
<h:panelGrid columns="1" width="100" style="font-size:80.0%;">
<f:verbatim>
Order Number.
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="10">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="400">
<af:outputText value="#{bindings.SphView1Spno.inputValue}"
inlineStyle="font-size:80.0%;"/>
</h:panelGrid>
<h:panelGrid columns="1" width="10"/>
<h:panelGrid columns="1" width="60" style="font-size:80.0%;">
<f:verbatim>
Gross
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="100" style="text-align:right;">
<af:outputText value="#{bindings.SphView1Gross.inputValue}"
inlineStyle="font-size:80.0%; text-align:right;">
<f:convertNumber groupingUsed="false"
pattern="#{bindings.SphView1Gross.format}"/>
</af:outputText>
</h:panelGrid>
<h:panelGrid columns="1" width="100"
style="padding:1.0%; text-align:left;">
<af:outputText value="#{bindings.Valuta.inputValue}"
inlineStyle="font-size:80.0%;"/>
</h:panelGrid>
</afh:rowLayout>
<afh:rowLayout>
<h:panelGrid columns="1" width="100" style="font-size:80.0%;">
<f:verbatim>
SP Date
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="10">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="400">
<af:outputText value="#{bindings.SphView1Spdate.inputValue}"
inlineStyle="font-size:80.0%;">
<f:convertDateTime pattern="#{bindings.SphView1Spdate.format}"/>
</af:outputText>
</h:panelGrid>
<h:panelGrid columns="1" width="10"/>
<h:panelGrid columns="1" width="60" style="font-size:80.0%;">
<f:verbatim>
Discount
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="100" style="text-align:right;">
<af:outputText value="#{bindings.SphView1DiscBp.inputValue}"
inlineStyle="font-size:80.0%;">
<f:convertNumber groupingUsed="false"
pattern="#{bindings.SphView1DiscBp.format}"/>
</af:outputText>
</h:panelGrid>
<h:panelGrid columns="1" width="100"
style="padding:1.0%; text-align:left;">
<af:outputText value="#{bindings.Valuta.inputValue}"
inlineStyle="font-size:80.0%;"/>
</h:panelGrid>
</afh:rowLayout>
Thank you very much,
xtanto

Xtanto,
yes. The way to build such layouts is to nest containers
Frank

The correct way to do "custom layout" with ADF Faces

Hi all,
I need the capability to do custom layout of ADF Faces page (other than the default layout we got after we drag data controls). For example I need layout like below :
Order Number : xxxx ............................................................Gross : 999,999
Order Date : xx/xx/xxxx ........................................................Discount : 999,999
Customer : code - name.........................................................Tax : 999,999
Salesman : code - name.........................................................Netto : 999,999
(the dotted line represents spaces)
Currently I do it with </afh:rowLayout> plus.. many..many </h:panelGrid>, so I am looking a better way. what is that ?
Below is sample of my code :
<afh:rowLayout>
<h:panelGrid columns="1" width="100" style="font-size:80.0%;">
<f:verbatim>
Order Number.
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="10">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="400">
<af:outputText value="#{bindings.SphView1Spno.inputValue}"
inlineStyle="font-size:80.0%;"/>
</h:panelGrid>
<h:panelGrid columns="1" width="10"/>
<h:panelGrid columns="1" width="60" style="font-size:80.0%;">
<f:verbatim>
Gross
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="100" style="text-align:right;">
<af:outputText value="#{bindings.SphView1Gross.inputValue}"
inlineStyle="font-size:80.0%; text-align:right;">
<f:convertNumber groupingUsed="false"
pattern="#{bindings.SphView1Gross.format}"/>
</af:outputText>
</h:panelGrid>
<h:panelGrid columns="1" width="100"
style="padding:1.0%; text-align:left;">
<af:outputText value="#{bindings.Valuta.inputValue}"
inlineStyle="font-size:80.0%;"/>
</h:panelGrid>
</afh:rowLayout>
<afh:rowLayout>
<h:panelGrid columns="1" width="100" style="font-size:80.0%;">
<f:verbatim>
SP Date
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="10">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="400">
<af:outputText value="#{bindings.SphView1Spdate.inputValue}"
inlineStyle="font-size:80.0%;">
<f:convertDateTime pattern="#{bindings.SphView1Spdate.format}"/>
</af:outputText>
</h:panelGrid>
<h:panelGrid columns="1" width="10"/>
<h:panelGrid columns="1" width="60" style="font-size:80.0%;">
<f:verbatim>
Discount
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1">
<f:verbatim>
</f:verbatim>
</h:panelGrid>
<h:panelGrid columns="1" width="100" style="text-align:right;">
<af:outputText value="#{bindings.SphView1DiscBp.inputValue}"
inlineStyle="font-size:80.0%;">
<f:convertNumber groupingUsed="false"
pattern="#{bindings.SphView1DiscBp.format}"/>
</af:outputText>
</h:panelGrid>
<h:panelGrid columns="1" width="100"
style="padding:1.0%; text-align:left;">
<af:outputText value="#{bindings.Valuta.inputValue}"
inlineStyle="font-size:80.0%;"/>
</h:panelGrid>
</afh:rowLayout>
Thank you very much,
xtanto

Unfotunately nesting layouts or creating custom layouts is the best approach at this time. You may want to take a look at the folloing library to replace of your verbatim tags.
http://jsftutorials.net/htmLib/

ADF Faces IF statement available within the page?

I am making a page using ADF Faces.
I want to create an IF statement in a page that will display some markup on one condition and on another display some other markup.
For example, I am using an iterator to build a table. I would like to have the background color of the row alternate based on the iterator count % 2 ( also how can I get the count of the iterator).
Also, I would want to make the text color highlight based on some condition such as is foo==bar make the text red etc.
Anyone know how to do this simple simple task in ADF Faces?
**Note the if from JSF core is not available in Jdeveloper for whatever reason. Any help would be appreciated.
Also, I don't want to just set some property of some element based on a condition with EL.
Lets say there is a whole section of the page that I only want to show is a condition is true. Is this impossible in ADF Faces? Is there something fundamental I am missing about this framework?
Edited by: user2809800 on Dec 6, 2010 12:49 PM

For conditional rendering of group of fragments, you can use switcher component.
See the sample for switcher here: http://jdevadf.oracle.com/adf-richclient-demo/faces/components/switcher.jspx
Code:
<af:switcher id="s1" defaultFacet="#{<CONDITION> == 'true' ? 'two' : 'three'}">
<f:facet name="two">
<af:outputText id="ot2" value="Two"/>
</f:facet>
<f:facet name="three">
<af:outputText id="ot3" value="Three"/>
</f:facet>
</af:switcher>
For changing the text color based on the condition, you could use the EL expression in InlineStyle (it is a simple case) Otherwise, you can use skinning to change the same.
Sample:
<af:outputText id="ot4" value="#{bindings.FirstName.inputValue}"
inlineStyle="#{bindings.FirstName.inputValue == 'Steven' ? 'color:red' : null}"/>
Thanks,
Navaneeth

ADF Faces OutputText text-align

Similar Messages

Maybe you are looking for