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

Similar Messages

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

ADF Faces: right aligning a panelGroupLayout

Here's a simplified ASCII-art version of the layout I want to achieve:
+--panelBox header ----------------+
| |
| label: $ 1,234.56 |
| longer Label: $ 55.66 |
+-------+-------+------------------+
| Table | Table | Table header 3 |
| head1 | head2 | |
+-------+-------+------------------+
| etc.. + etc.. + etc... |Here's the JSF code I've composed so far:
 <af:panelBox text="panelBox header" id="pb1"
 styleClass="AFStretchWidth" type="stretch"
 showDisclosure="false">
 <af:panelStretchLayout id="psl1" topHeight="50px">
 <f:facet name="top">
 <af:panelGroupLayout id="psl2" layout="horizontal"
 valign="top" inlineStyle="AFStretchWidth">
 <af:panelGroupLayout layout="vertical" halign="end" id="pgl1">
 <af:outputLabel value="label:" id="ol1"/>
 <af:outputLabel value="longer label:" id="ol2"/>
 </af:panelGroupLayout>
 <af:panelGroupLayout layout="vertical" halign="end" id="pgl3">
 <af:outputText value="#{bindings.amount1.inputValue}" id="ot8"/>
 <af:outputText value="#{bindings.amount2.inputValue}" id="ot9"/>
 </af:panelGroupLayout>
 </af:panelGroupLayout>
 </f:facet>
 <f:facet name="center">
 <af:table value="#{bindings.blah.collectionModel}" var="row"
 rows="#{bindings.blah.rangeSize}"
 emptyText="#{bindings.blah.viewable ? 'No data to display.' : 'Access Denied.'}"
 fetchSize="#{bindings.blah.rangeSize}"
 rowBandingInterval="1" rowSelection="single" id="table"
 columnStretching="column:c5">
 
 </af:table>
 </f:facet>
 </af:panelStretchLayout>
 </af:panelBox>This is nearly good, but there's one problem. The result looks like this:
+--panelBox header ----------------+
| |
| label: $ 1,234.56 |
| longer Label: $ 55.66 |
+-------+-------+------------------+
| Table | Table | Table header 3 |
| head1 | head2 | |
+-------+-------+------------------+
| etc.. + etc.. + etc... |The block with the two labels and two amounts isn't aligned to the right. When I try to set the outer <tt><af:panelGroupLayout></tt> to <tt>halign="right"</tt> the result becomes something like this:
+--panelBox header ----------------+
| |
| label: $ |
| 1,234.56 |
| longer $ |
| label: 55.66 |
+-------+-------+------------------+
| Table | Table | Table header 3 |
| head1 | head2 | |
+-------+-------+------------------+
| etc.. + etc.. + etc... |I.o.w. the block is aligned to the right, but it also gets compressed, causing undesired line wrapping.
Question: how do I get the result as desired? I'm using JDeveloper / ADF 11.1.1.3.

Using a single af:panelGroupLayout and af:panelLabelAndMessages to group each label and outputText together might accomplish what you are looking for. Table removed for the sample below for simplicity.
 <af:panelBox text="panelBox header" id="pb1" styleClass="AFStretchWidth"
 type="stretch" showDisclosure="false">
 <af:panelStretchLayout id="psl1" topHeight="50px">
 <f:facet name="top">
 <af:panelGroupLayout id="psl2" layout="horizontal" valign="top"
 inlineStyle="AFStretchWidth">
 <af:panelGroupLayout layout="vertical" halign="end" id="pgl1">
 <af:panelLabelAndMessage label="label:" id="plam1">
 <af:panelGroupLayout id="pgl2" layout="horizontal"
 halign="right">
 <af:outputText value="outputtext1"
 id="ot8"/>
 </af:panelGroupLayout>
 </af:panelLabelAndMessage>
 <af:panelLabelAndMessage label="longer label:" id="plam2">
 <af:panelGroupLayout id="pgl4" layout="horizontal"
 halign="right">
 <af:outputText value="outputtext2" id="ot9"/>
 </af:panelGroupLayout>
 </af:panelLabelAndMessage>
 </af:panelGroupLayout>
 </af:panelGroupLayout>
 </f:facet>
 </af:panelStretchLayout>
 </af:panelBox>

ADF Faces Components:how to align af:panelBox with fields in af:panelForm?

Hi,
I have an af:panelForm component to which I added af:selectOneChoice and few af:inputText components. af:panelForm aligns all af:inputText fields properly with labels being right justified and the input fields left justified.I wanted to add af:panelBox at the end but don't know how to align it with the input fields.
I wrapped the last input field and the af:panelBox inside af:panelBorder but this didn't help. I still get af:panelBox displayed at the extreme left hand side.
I could put af:panelBox inside another af:panelForm but that does not work for me because af:panelBox happens to be target of a PPR, source of which is the af:selectOneChoice. Depending on the selected item of ad:selectOneChoice, I want to either show af:panelBox or hide it. So I had to include af:panelBox in the same af:panelForm that contains af:inputText so that both source and target of PPR are at the same level for PPR to work. I can also add af:objectSpacer before af:panelBox to get the alignment i am looking after but this again doesn't help because when window is restored or maximized, then the alignment gets lost. Any clue how to achieve that ?
<af:panelForm>
<af:selectOneChoice
id="SelectOneChoice"
autoSubmit="true"
immediate="true"...>
<af:forEach var="item"
items="#{bindings.View_rIterator.allRowsInRange}">
<af:selectItem value="#{item.id}"
label="#{item.id}"/>
</af:forEach>
</af:selectOneChoice>
<af:inputText ..../>
<af:inputText ..../>
<af:inputText ..../>
<af:inputText ..../>
<af:inputText ..../>
<af:panelBorder partialTriggers="SelectOneChoice">
 <af:inputText ..../>
<af:panelBox text="Panel Box:"
background="transparent" width="200">
<af:panelHorizontal halign="center">
 <af:inputFile .../>
 <af:objectSpacer width="3"/>
 <af:commandButton .../>
 </af:panelHorizontal>
<af:panelHorizontal halign="center">
<af:objectImage ..."/>
</af:panelHorizontal>
<af:panelHorizontal halign="center">
<af:panelButtonBar>
<af:commandButton ..."/>
</af:panelButtonBar>
</af:panelHorizontal>
</af:panelBox>
</af:panelBorder>
</af:panelForm>
Please advice.
Thanks

Hi,
did you try skinning ? Inline style CSS doesn't necessarily work for the whole component as it operates on the root DOM element, which in the case of a composite component isn't the individual facet
http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
af|panelPage::about{
height: 30%;
Frank

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

Initializing an ADF Faces selectManyListbox Component

I am trying to show a selectManyListbox with some values already selected for an edit page, but all i get is a selectManyListbox with no values selected?
I build the <af:selectManyListbox> using a <af:forEach> which iterates through a List of custom TermType objects creating a <af:selectItem> with each iteration <af:selectItem>'s value property is assigned to an actual object (the toString() method of the object has been overriden to return a simple id string) and the label property is set to label="#{termType.term_type_name}" which produces a String.
I have set <af:selectManyListbox... valuePassThru="true" ... value="#{TermBean.selectedTermTypes}"...>
I have configured the function ---> "TermBean.selectedTermTypes" to return a List of "TermType" custom objects and didn't work... return a List of Strings (that match the value sent through to the outputted web page) and finally to return a String[] matching the value property outputted, but no luck....
when using plain old <h:selectManyListbox> i can get it displaying with selected items when setting the "value" property to String[] of selected items (the Strings match the outputted value) but of cource this dosn't render nicely with all the extras like the adf selectManyListbox.
i have also tried to do the job in java code hence the "binding" attrib being set to binding="#{TermBean.selectManyTermTypes}"
Here is the page section that creates the selectManyListbox...
region_term.jspx
<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:afh="http://xmlns.oracle.com/adf/faces/EA17/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/EA17">
<jsp:directive.page contentType="text/html;charset=utf-8"/>
<af:regionDef var="region_term">
<af:panelForm>
<af:inputText label="#{bundle.TERM_NAME}:" value="#{TermBean.tempTerm.term_name}" required="#{region_term.required_term_name}"/>
<af:selectManyListbox label="#{bundle.TERM_TYPE_S}:" required="#{region_term.required_term_type}" valuePassThru="true" binding="#{TermBean.selectManyTermTypes}" value="#{TermBean.selectedTermTypes}">
<af:forEach var="termType" items="#{TermBean.allTermTypes}">
<af:selectItem value="#{termType}" label="#{termType.term_type_name}"/>
</af:forEach>
</af:selectManyListbox>
<af:inputText label="#{bundle.TERM_TEXT}:" value="#{TermBean.tempTerm.term_text}" required="#{region_term.required_term_text}" rows="6" columns="60"/>
</af:panelForm>
</af:regionDef>
</jsp:root>
<af:selectManyListbox label="#{bundle.TERM_TYPE_S}:" required="#{region_term.required_term_type}" valuePassThru="true" binding="#{TermBean.selectManyTermTypes}" value="#{TermBean.selectedTermTypes}">
<af:forEach var="termType" items="#{TermBean.allTermTypes}">
<af:selectItem value="#{termType}" label="#{termType.term_type_name}"/>
</af:forEach>
</af:selectManyListbox>
TermBean.allTermTypes = a List of custom Term objects
Can anybody tell me if they have managed to get a <af:selectManyListbox> with items already selected when the page loads?

i realize valuePassThru is used for passing the value of your object or primitive through to the client... i have it off now and the problem isn't solved... the main issue is in the following:
<af:selectManyListbox... value="#{TermBean.selectedTermTypes}">
<af:forEach var="termType" items="#{TermBean.allTermTypes}">
<af:selectItem value="#{termType}" label="#{termType.term_type_name}"/>
</af:forEach>
</af:selectManyListbox>
if value="#{TermBean.selectedTermTypes}" is a List of "termType "objects (want these to be selected when the page loads) of the same type as var="termType" items="#{TermBean.allTermTypes}" i.e. getSelectedTermTypes() returns a List of objects of the type termType... why is the select box rendering with no selected items?

ADF Faces : partial page rendering in f:subview

hi
Please consider this blog post, "ADF Faces: How-to issue a PPR event from a f:subview and how-to PPR of subviews" :
http://thepeninsulasedge.com/frank_nimphius/2008/02/14/adf-faces-how-to-issue-a-ppr-event-from-a-fsubview-and-how-to-ppr-of-subviews/
In this post, Frank Nimphius writes : "... PPR from a containing page to the subview - unfortunately - only works for the whole subview, which means that the included page is getting refreshed. Because the f:subview component does not support PR, you need to work with a wrapping ADF Faces container, like af:panelGroup ...".
But, it looks like such partial page rendering in a subview can be done without a specific "wrapping ADF Faces container" like this ...
 <h:form id="firstPPRPageFormID">
 <af:panelPage title="firstPPRPage">
 <af:panelHeader text="components on firstPPRPage">
 <af:panelForm>
 <af:panelLabelAndMessage label="dateUtil.currentDateAsString, with partial trigger">
 <af:outputText value="#{dateUtil.currentDateAsString}"
 partialTriggers="firstSubviewID:firstSubviewCButton"/>
 </af:panelLabelAndMessage>
 <af:panelLabelAndMessage label="dateUtil.currentDateAsString">
 <af:outputText value="#{dateUtil.currentDateAsString}"/>
 </af:panelLabelAndMessage>
 <f:facet name="footer">
 <af:commandButton text="firstPPRPage button"
 id="firstPPRPageCButton"
 partialSubmit="true"/>
 </f:facet>
 </af:panelForm>
 </af:panelHeader>
 <f:subview id="firstSubviewID">
 <jsp:include page="/firstSubview.jspx" flush="true"/>
 </f:subview>
 </af:panelPage>
 </h:form>... and where firstSubview.jspx contains something like this ...
<af:panelHeader text="components on firstSubview">
 <af:panelForm>
 <af:panelLabelAndMessage label="dateUtil.currentDateAsString, with partial trigger">
 <af:outputText value="#{dateUtil.currentDateAsString}"
 partialTriggers=":firstPPRPageFormID:firstPPRPageCButton"/>
 </af:panelLabelAndMessage>
 <af:panelLabelAndMessage label="dateUtil.currentDateAsString">
 <af:outputText value="#{dateUtil.currentDateAsString}"/>
 </af:panelLabelAndMessage>
 <f:facet name="footer">
 <af:commandButton text="firstSubview button" id="firstSubviewCButton"
 partialSubmit="true"/>
 </f:facet>
 </af:panelForm>
</af:panelHeader>Note the value ":firstPPRPageFormID:firstPPRPageCButton" for the partialTriggers attribute.
see http://verveja.footsteps.be/~verveja/files/oracle/PartialPageRenderingInSubview-v0.01.zip (check README.txt)
questions:
(1) Why exactly does this approach seem to work?
(2) Because of question (1), what could be potential issues with this approach?
regards
Jan Vervecken

Jan,
good job ! I actually never thought of reversing what I said about PPR'ing a component from a subview.
Actually
partialTriggers=":firstPPRPageFormID:firstPPRPageCButton"/>
works because the leading ":" makes ADF Faces to start the component search from the root container. Note that if you use af:form instead of h:form, the trigger is
partialTriggers=":firstPPRPageCButton"/>
I'll update my blog
Frank

ADF FACES: jdeveloper hangs on opening a .jspx file

I may not have had this file open since updating to EA13, but I'm not positive. Upon trying to open the file (code below), jdeveloper hangs. It sucks down roughly 50% of the CPU and the memory footprint slowly grows (about 3 MB per minute). As of now, I've tried restarting jdeveloper and then opening the file, but the behavior is the same. I have let it run for nearly 15 minutes and it is still hung (to the point that the display is not redrawn when a window, such as the task manager, is closed after obscuring part of the jdeveloper window).
I'm running jdev version 10.1.3.0.2.223
ADF Faces EA13
On windows 2003 Server
Here's the code:
<?xml version='1.0' encoding='iso-8859-1'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/EA13"
xmlns:afh="http://xmlns.oracle.com/adf/faces/EA13/html"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<jsp:directive.page contentType="text/html;charset=iso-8859-1"/>
<f:view>
<afh:html>
<afh:head title="Case Details">

<title>
Case Details
</title>
</afh:head>
<afh:script source="js/mwb_gecko.js" rendered="#{clientInfo.gecko}"/>
<afh:script source="js/mwb.js"/>
<afh:body>
<af:form>
<af:panelPage title="Case Details">
<f:facet name="messages">
<af:messages/>
</f:facet>
<f:facet name="brandingApp">
<af:panelGroup>
<af:outputFormatted value="MedCierge Workbench" styleClass="OraHeader"/>
<af:objectImage source="/images/pbs.gif"/>
</af:panelGroup>
</f:facet>
<f:facet name="brandingAppContextual">
<af:outputFormatted value="Flagship Healthcare Management, Inc."
styleUsage="inContextBranding"/>
</f:facet>
<f:facet name="menuGlobal">
<af:menuButtons>
<af:commandMenuItem text="Home" action="agenthome"/>
<af:commandMenuItem text="Logout" action="logout"/>
<af:commandMenuItem text="Help" action="help"/>
</af:menuButtons>
</f:facet>
<f:facet name="infoUser">
<af:outputText value="Logged in as #{sessionScope.agentName}"
styleClass="OraPageStampText"/>
</f:facet>
<f:facet name="actions">
<af:panelButtonBar>
<af:commandButton id="ReturnButton"
textAndAccessKey="&Return to #{pageFlowScope.caseReturnName}"
action="#{nav.returnFromFlow}"/>
</af:panelButtonBar>
</f:facet>
<f:facet name="appCopyright">
<af:outputText value="copyright facet"/>
</f:facet>
<f:facet name="appPrivacy">
<af:commandLink text="privacy facet" action="action.none" />
</f:facet>
<f:facet name="appAbout">
<af:commandLink text="about facet" action="action.none" />
</f:facet>
<af:panelGroup type="vertical">
<af:panelForm labelWidth="5%">
<af:panelLabelAndMessage label="Owner:">
<af:outputText value="#{pageFlowScope.case.owningAgentId}"
styleClass="OraFieldText"/>
<af:outputFormatted value=" [You own this case]"
styleClass="OraFieldText"
rendered="#{pageFlowScope.case.owningAgentId == sessionScope.agentId}"/>
<af:outputFormatted value=" [You do not own this case]"
styleClass="OraFieldText"
rendered="#{pageFlowScope.case.owningAgentId != sessionScope.agentId}"/>
</af:panelLabelAndMessage>
<af:inputText label="Case ID:" value="#{pageFlowScope.case.id}" columns="10"
readOnly="true" shortDesc="Unique ID for this case"/>
<af:inputText value="#{pageFlowScope.case.serviceType}" label="Service Type:"
columns="10" readOnly="true"
shortDesc="Service requested: 'referral' or 'emergency'"/>
<af:inputText value="#{pageFlowScope.case.openDate}" label="Opened:"
columns="10" readOnly="true" shortDesc="Date this case was opened">
<f:convertDateTime pattern="MM/dd/yy HH:mm"/>
</af:inputText>
<af:inputText value="#{pageFlowScope.case.closeDate}" label="Closed:"
columns="10" readOnly="true" shortDesc="Date this case was closed"
inlineStyle="{color: red}"
rendered="#{!(empty pageFlowScope.case.closeDate)}">
<f:convertDateTime pattern="MM/dd/yy HH:mm"/>
</af:inputText>
<af:inputText value="#{pageFlowScope.case.primaryRequest}" label="Primary Request:"
columns="80" readOnly="true"
shortDesc="Short summary of the member's request"/>
<af:inputText value="#{pageFlowScope.case.appointmentPreferences}"
label="Appt. Preferences:" columns="80" readOnly="true"
shortDesc="Member's preferences on appointment times"/>
<af:inputText value="#{pageFlowScope.case.callbackData}" label="Call Back Data:"
columns="40" readOnly="true"
shortDesc="Phone/email to use for calling member back"/>
</af:panelForm>
<af:panelGroup type="vertical">
<af:forEach items="#{pageFlowScope.case.activitiesByDate}" var="act">
<af:objectSpacer height="10" width="0"/>
<af:objectSeparator/>
<af:outputFormatted value="#{act.date}" inlineStyle="{background-color:#cccc99}"/>
<af:objectSpacer height="5" width="1"/>
<af:panelGroup type="horizontal">
<af:panelForm>
<af:inputText label="ID:" value="#{act.id}" readOnly="true"/>
<af:inputText label="Type:" value="#{act.type}" readOnly="true"/>
<af:inputText label="MedCierge:" value="#{act.agentId}" readOnly="true"/>
</af:panelForm>
<af:objectSpacer width="5" height="1"/>
<af:inputText rows="4" readOnly="true" columns="80" value="#{act.notes}"/>
</af:panelGroup>

<af:objectSpacer height="10" width=""/>
<af:panelGroup rendered="#{act.type=='ibcall'}">
<af:commandButton text="Show Call Details" action="dialog:showCall"
partialSubmit="true" rendered="#{!(empty act.call)}"
windowHeight="500" windowWidth="750">
<af:setActionListener from="#{act.call}"
to="#{pageFlowScope.call}"/>
</af:commandButton>
</af:panelGroup>

<af:panelGroup rendered="#{act.type=='ibemail'}">
<af:outputText value="Inbound email #{act.type}"/>
</af:panelGroup>

<af:panelGroup rendered="#{act.type=='obcall'}">
<af:outputText value="Outbound Call #{act.type}"/>
</af:panelGroup>

<af:panelGroup rendered="#{act.type=='obemail'}">
<af:outputText value="Outbound email #{act.type}"/>
</af:panelGroup>
</af:forEach>
</af:panelGroup>
</af:panelGroup>
</af:panelPage>
</af:form>
</afh:body>
</afh:html>
</f:view>
</jsp:root>

Helo there,
I am having exactly the same problem, everytime I include af:forEach tag inside the af:selectOneChoice for example, preview of JSP is not shown and whole developer hangs, in task manager I can see 100% CPU occupation by JDeveloper.
But the code itself is ok, if I run the page while editor is in Source mode Page is properly shown in browser, but when I change editor mode to Design it hangs.
I am using Faces EA17 and JDeveloper 10.1.3
Does anybody else face the same issue?
ferdo

ADF Faces: processScope

Hi, all. I have a problem with processScope.
I have 2 jsp pages, in the first one I have a table
<af:table var="filestore" value="#{fileStoreManagerForm}" ...>
For every row of the table I have a commandButton
<af:commandButton id="button1" action="#{fileStoreManagerForm.fileStoreProperties}" text="Properties">
<af:setActionListener from="#{filestore.id}" to="#{processScope.currentFileStoreId}" />
</af:commandButton>
When the button "button1" pressed we are forwarded to the second jsp page.
The class of fileStoreManagerForm bean extends oracle.adf.view.faces.model.CollectionModel
In the second jsp I have
<af:inputText label="ID:" value="#{processScope.currentFileStoreId}" />
I suppose that there should be the value form processScope in the inputText, but it is not. What am I doing wrong?

May be the following code will help you to understand me (sorry for my poor english).
Here is the class of fileStoreManagerForm managed bean (the scope is request):
public class FileStoreManagerForm extends CollectionModel {
 private int _block;
 private int _startSegment;
 private int _endSegment;
 private int _rowIndex;
 private boolean _recordCountRecalculated = false;
 private int _recordsCount = 0;
 private List _records;
 private boolean _isStartOrEndPage = true;
 private int _linesOnPage;
 public FileStoreManagerForm() {
 _block = 10;
 _startSegment = 0;
 endSegment = block - 1;
 _linesOnPage = 30;
 _recordCountRecalculated = false;
 public int getRowCount() {
 if (!_recordCountRecalculated) {
 _recordsCount = getRecordCount();
 _recordCountRecalculated = true;
 return _recordsCount;
 private int getRecordCount() {
 // returns total record count in database
 public Object getRowData() {
 if (_rowIndex < 0 || rowIndex >= startSegment + _block) return null;
 if (_records == null && _rowIndex == 0) {
 _records = getRecords();
 IFileStore s = (IFileStore)_records.get(_rowIndex - _startSegment);
 return s;
 private List getRecords() {
 // returns list of filestores from database starting with index = 0 with size = _block
 public void rangeChangeEvent(RangeChangeEvent index) {
 _startSegment = index.getNewStart();
 _endSegment = index.getNewEnd();
 isStartOrEndPage = (startSegment <= block * (linesOnPage - 2)) || (_endSegment == _recordsCount);
 records = getFileStores(startSegment, block, isStartOrEndPage, linesOnPage); // sets records to list of filestores starting with index = startSegment with size = block
 _recordCountRecalculated = false;
 public void setTable(UIXTable table) {
 _table = table;
 public UIXTable getTable() {
 return _table;
 private UIXTable _table;
 public String deleteFileStore( ) {
 UIXTable table = getTable();
 IFileStore fs = (IFileStore)table.getRowData(table.getRowIndex());
 deleteFileStore(fs.getId()); // deletes filestore from database
 return "deleted";
The FileStore bean has
 private long id;
 private String name;
and some other fields.
Here is the first jsp page with a table of filestores:
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces" prefix="af" %>
<f:view>
<af:document>
<af:form>
<af:panelPage title="title">
<af:panelGroup id="filestorePanel">
<af:table banding = "row" bandingInterval = "1" var="filestore" value="#{fileStoreManagerForm}" binding="#{fileStoreManagerForm.table}" rows="#{fileStoreManagerForm.blockSize}" rangeChangeListener="#{fileStoreManagerForm.rangeChangeEvent}">
<af:column sortable="true" sortProperty="name">
<f:facet name="header">
<af:outputText value="Name"/>
</f:facet>
<af:outputText value="#{filestore.name}"/>
</af:column>
<af:column>
 <f:facet name="header">
<af:outputText value="Actions"/>
</f:facet>
<af:panelGroup layout="horizontal" >
 <af:commandButton action="#{fileStoreManagerForm.fileStoreProperties}" text="Properties">
 <af:setActionListener from="#{filestore.id}" to="#{processScope.currentId}" />
 </af:commandButton>
</af:panelGroup>
</af:column>
</af:table>
</af:panelGroup>
</af:panelPage>
</af:form>
</af:document>
</f:view>
Here is the second jsp page:
<%@ page session="false" contentType="text/html;charset=utf-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces" prefix="af" %>
<f:view>
<af:document title="props">
<af:form>
<af:panelPage title="Title">
<af:panelForm>
 <af:inputText label="ID:" value="#{processScope.currentId}" required="true" />
</af:panelForm>
</af:panelPage>
</af:form>
</af:document>
</f:view>
And I see nothing in the inputText component of the second jsp.

Help!!I cant see my ADF Faces

Hello everyone. I have a little problem, I've been developing a Web Application using JSF, ADF BC, my problem is I cant see my tags when I run my jsp page.
this is my screenshot
http://img.photobucket.com/albums/v321/bawasi/screenshot.jpg
this is the code of my page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=windows-1252"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces" prefix="af"%>
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/html" prefix="afh"%>
<f:view>
<afh:html>
<afh:head title="Student Admission Registration">
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252"/>
<link href="css/oracle.css" rel="stylesheet"
media="screen"/>
</afh:head>
<afh:body>
<af:messages/>
<h:form>
<af:panelForm>
<af:inputText value="#{bindings.Surname.inputValue}"
label="#{bindings.Surname.label}"
required="#{bindings.Surname.mandatory}"
columns="#{bindings.Surname.displayWidth}">
<af:validator binding="#{bindings.Surname.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.FirstName.inputValue}"
label="#{bindings.FirstName.label}"
required="#{bindings.FirstName.mandatory}"
columns="#{bindings.FirstName.displayWidth}">
<af:validator binding="#{bindings.FirstName.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.MiddleName.inputValue}"
label="#{bindings.MiddleName.label}"
required="#{bindings.MiddleName.mandatory}"
columns="#{bindings.MiddleName.displayWidth}">
<af:validator binding="#{bindings.MiddleName.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.OtherName.inputValue}"
label="#{bindings.OtherName.label}"
required="#{bindings.OtherName.mandatory}"
columns="#{bindings.OtherName.displayWidth}">
<af:validator binding="#{bindings.OtherName.validator}"/>
</af:inputText>
<af:selectInputDate value="#{bindings.DateOfBirth.inputValue}"
label="#{bindings.DateOfBirth.label}"
required="#{bindings.DateOfBirth.mandatory}">
<af:validator binding="#{bindings.DateOfBirth.validator}"/>
<f:convertDateTime pattern="#{bindings.DateOfBirth.format}"/>
</af:selectInputDate>
<af:inputText value="#{bindings.Sex.inputValue}"
label="#{bindings.Sex.label}"
required="#{bindings.Sex.mandatory}"
columns="#{bindings.Sex.displayWidth}">
<af:validator binding="#{bindings.Sex.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.MailingAddress.inputValue}"
label="#{bindings.MailingAddress.label}"
required="#{bindings.MailingAddress.mandatory}"
columns="#{bindings.MailingAddress.displayWidth}">
<af:validator binding="#{bindings.MailingAddress.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.ZipCode.inputValue}"
label="#{bindings.ZipCode.label}"
required="#{bindings.ZipCode.mandatory}"
columns="#{bindings.ZipCode.displayWidth}">
<af:validator binding="#{bindings.ZipCode.validator}"/>
<f:convertNumber groupingUsed="false"
pattern="#{bindings.ZipCode.format}"/>
</af:inputText>
<af:inputText value="#{bindings.MailingAddress2.inputValue}"
label="#{bindings.MailingAddress2.label}"
required="#{bindings.MailingAddress2.mandatory}"
columns="#{bindings.MailingAddress2.displayWidth}">
<af:validator binding="#{bindings.MailingAddress2.validator}"/>
</af:inputText>
<af:inputText value="#{bindings.Telephone.inputValue}"
label="#{bindings.Telephone.label}"
required="#{bindings.Telephone.mandatory}"
columns="#{bindings.Telephone.displayWidth}">
<af:validator binding="#{bindings.Telephone.validator}"/>
</af:inputText>
<af:selectInputDate value="#{bindings.Graduation.inputValue}"
label="#{bindings.Graduation.label}"
required="#{bindings.Graduation.mandatory}">
<af:validator binding="#{bindings.Graduation.validator}"/>
<f:convertDateTime pattern="#{bindings.Graduation.format}"/>
</af:selectInputDate>
<af:inputText value="#{bindings.CountryCode.inputValue}"
label="#{bindings.CountryCode.label}"
required="#{bindings.CountryCode.mandatory}"
columns="#{bindings.CountryCode.displayWidth}">
<af:validator binding="#{bindings.CountryCode.validator}"/>
<f:convertNumber groupingUsed="false"
pattern="#{bindings.CountryCode.format}"/>
</af:inputText>
<f:facet name="footer">
<af:commandButton text="Submit"/>
</f:facet>
</af:panelForm>
</h:form>
</afh:body>
</afh:html>
</f:view>
I really need your help. thanks

Hi,
you can see the tags, but you don't have data in them
Frank

JHeadstart and ADF Faces

Oracle annunce EA for ADF Faces. Would new version of JHeadstart use it or stay aligned with JSP and full UIX support?

The next release of JHeadstart aligns with ADF as included in JDeveloper 9.0.5.x / 10.1.2.
The EA release of ADF Faces is not yet integrated with the ADF binding layer, so the upcoming JHeadstart-ADF release will not be using ADF Faces yet.
Once ADF Faces is fully integrated with ADF binding layer(and all the drag-n-drop support), JHeadstart will start generating ADF Faces as View type. This integration is scheduled for JDeveloper release 10.1.3, which I believe is currently scheduled for spring/summer 2005.
Steven Davelaar,
JHeadstart Team.

(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 Rich Client Demos

The about box in RIA components demo has some nice information about ADF components versions. Since there are patch sets commig out on regular basiss, I've decided to include such about box in our application also.
If I check the code from RIA components demos:

<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
version="1.2">
<af:popup id="about" contentDelivery="lazyUncached">
<af:dialog title="About ADF Faces Rich Client Demos" type="ok" id="d1">
<af:panelGroupLayout layout="vertical" id="pgl1" inlineStyle="width:450px">
<af:panelFormLayout id="pfl" maxColumns="1">
<af:iterator id="info" var="row" value="#{aboutBean.versionInformation}">
<af:panelLabelAndMessage id="plm" label="#{row.name}"
labelStyle="vertical-align: top; white-space: nowrap;">
<af:outputText id="ot" value="#{row.value}"/>
</af:panelLabelAndMessage>
</af:iterator>
<af:panelLabelAndMessage id="uaPLM" label="User-Agent Header"
labelStyle="vertical-align: top; white-space: nowrap;">
<af:outputText id="auOT"
value="#{facesContext.externalContext.requestHeaderMap['user-agent']}"/>
</af:panelLabelAndMessage>
</af:panelFormLayout>
</af:panelGroupLayout>
</af:dialog>
</af:popup>
</jsp:root>
I can see, that there is an aboutBean defined in application.
Where can I get source code for this bean?
Regards,
Mihael

You can download the demo and install in on your local machine, here is how http://www.oracle.com/technology/products/adf/adffaces/11/doc/demo/adf_faces_rc_demo.html
Pedja

ADF Faces : UploadedFile missing bytes

hi
Please consider a simple ADF Faces application, in JDeveloper 10.1.3.3.0, with an upload page containing this:
<f:view>
 <afh:html>
 <afh:head title="uploadedFileIssue">
 <meta http-equiv="Content-Type"
 content="text/html; charset=windows-1252"/>
 </afh:head>
 <afh:body>
 <af:form usesUpload="true">
 <af:panelPage title="uploadedFileIssue">
 <af:panelForm>
 <f:facet name="footer">
 <af:commandButton text="Upload"/>
 </f:facet>
 <af:inputFile label="file to upload"
 valueChangeListener="#{backing_uploadedFileIssue.onInputFileValueChange}"/>
 </af:panelForm>
 </af:panelPage>
 </af:form>
 </afh:body>
 </afh:html>
</f:view>The backing bean class looks like this:
package adfuploadedfileissue.view.backing;
import javax.faces.event.ValueChangeEvent;
import oracle.adf.view.faces.model.UploadedFile;
public class UploadedFileIssue
 public void onInputFileValueChange(ValueChangeEvent pValueChangeEvent)
 UploadedFile vUploadedFile = (UploadedFile)pValueChangeEvent.getNewValue();
 System.out.println("UploadedFileIssue.onInputFileValueChange()"
 + " : getFilename() = " + vUploadedFile.getFilename()
 + ", getLength() = " + vUploadedFile.getLength());
}The web.xml file has been configured like this:
 <context-param>
 <param-name>oracle.adf.view.faces.UPLOAD_MAX_MEMORY</param-name>
 <param-value>5120000</param-value>
 </context-param>
 <context-param>
 <param-name>oracle.adf.view.faces.UPLOAD_MAX_DISK_SPACE</param-name>
 <param-value>102400000</param-value>
 </context-param>You can download the complete application here (check README.txt):
http://verveja.footsteps.be/~verveja/files/oracle/ADFUploadedFileIssue-v0.01.zip
If I run this application, and upload some files, I get this output:
UploadedFileIssue.onInputFileValueChange() : getFilename() = ADF-DeveloperGuide-4GL-B25947_01.pdf, getLength() = 10445516
UploadedFileIssue.onInputFileValueChange() : getFilename() = OC4J-ConfigurationAndAdministrationGuide-b28950.pdf, getLength() = 4434458
UploadedFileIssue.onInputFileValueChange() : getFilename() = OC4J-DeploymentGuide-b28951.pdf, getLength() = 3117284
UploadedFileIssue.onInputFileValueChange() : getFilename() = OC4J-DevelopersGuide-b28952.pdf, getLength() = 2420815I have used these files to upload in this application:
"Application Development Framework Developer's Guide for Forms/4GL Developers" (size 10445518 bytes, in UploadedFile 10445516, so 2 bytes missing)
http://download.oracle.com/docs/cd/B32110_01/web.1013/b25947.pdf
"Containers for J2EE Configuration and Administration Guide" (size 4434460 bytes, in UploadedFile 4434458 bytes, so 2 bytes missing)
http://download.oracle.com/docs/cd/B32110_01/web.1013/b28950.pdf
"Containers for J2EE Deployment Guide" (size 3117285 bytes, in UploadedFile 3117284 bytes, so 1 byte missing)
http://download.oracle.com/docs/cd/B32110_01/web.1013/b28951.pdf
"Containers for J2EE Developer's Guide" (size 2420816 bytes, in UploadedFile 2420815 bytes, so 1 byte missing)
http://download.oracle.com/docs/cd/B32110_01/web.1013/b28952.pdf
question:
Why are there bytes missing in the UploadedFile instances?
note:
This issue is narrowed down from the discussion in this forum thread:
" about "Upload and download files from ADF into blob type colum." "
about "Upload and download files from ADF into blob type colum."
many thanks
Jan Vervecken

Thanks for your reply John.
In the Re: ADF Faces file upload: losing bytes on PDF file you refer to, you write "I'm currently guessing something wrong in the DB with Intermedia, but not sure.".
But, using the ADFUploadedFileIssue-v0.01.zip example application I posted in this forum thread, it is clear that something is already wrong in the UploadedFile implementation.
Currently I only have bug 6774514 logged, but no solution yet.
regards
Jan

EA ADF Faces panelForm alignment

Similar Messages

Maybe you are looking for