ADF Faces Layout

I want to have 3 VOs on a page. And I want to have it on nice layout. Something looks like down here.
One| VO no 2 here
BiG|--------------------------
VO | VO no 3 here
What is the ADF Faces component to do this laytouting?
Regards
Eric

Check out this detailed description of the layout components:
http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/tagdoc/core/imageIndex.html
Specifically your case looks like a panelForm with 2 columns and other panelForms inside each one.

Similar Messages

Controlling SelectManyCheckbox layout in ADF Faces

Hi,
The only possibilities for the layout for an ADF faces select many checkbox seem to be "horizontal" or "vertical". How can we control the layout to say - have 10 checkboxes laid out horizontally in two groups of 5 vertically laid out checkboxes ?
If there is no such attribute to control the layout better, does anyone have any recommendations on how this can be accomplished in any alternative way?
Thank you

Hi,
no, but what about using a scrollbar?
<af:form inlineStyle="width:400px; height:200px; overflow:auto;">
          <af:selectManyCheckbox label="Departments" layout="vertical">
            <af:forEach items="#{bindings.DepartmentsView1.rangeSet}" var="li">
              <af:selectItem label="#{li.DepartmentName}"
                             value="#{li.DepartmentId}"/>
            </af:forEach>
          </af:selectManyCheckbox>
        </af:form>Frank

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>.

(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 & BC: Best pratices for project layout

Season greetings my fellow JDevelopers!
Our software group has been working with ADF for around 5 years and through the years we have accumulated a good amount of knowledge working with JDeveloper and ADF. Much of our current application structure has been resurrected in the early days of JDeveloper 10 where there were more samples codes floating around then there were "best pratice" documentation. I understand this is a subjective topic and varies site to site, but I believe there is a set of common practices our group has started to identify as critical to streamlining a development process(reusable decorated ui components, modular common biz logic, team development with svn, continuous integration/build, etc..). One of our development goals is to minimize dependency between each engineer as everyone is responsible for both client and middle layer implementation without losing coding consistency. After speaking with a couple of the aces at the last openworld, I understand much of our anticipated architectural requirements are met with JDeveloper 11(with the introduction of templates, declarative components, bounded task flows, etc..) but due to time constraints on upcoming deliverables we are still about an year away before moving on with that new release. The following is a little bit about our group/application.
JDeveloper version: 10.1.3.4
Number of developers: 7
Developer responsibilties: Build both faces & bc code
We have two applications currently in our production environments.
1.A flavor of Steve Muench's dynamic jdbc credentials login module
2.Core ADF Faces & BC application
In our Core ADF Faces application, we have the following structure:
OurApplication
     -OurApplicationLib (Common framework files)
     -OurApplicationModel (BC project)
          -src/org/ourapp/module1
          -src/org/ourapp/module2
     -OurApplicationView (Faces project)
          public_html/ourapp/module1
          public_html/ourapp/module2
          src/org/ourapp/backing/module1
          src/org/ourapp/backing/module2
          src/org/ourapp/pageDefs/
Total Number of Application Modules: 15 (Including one RootApplicationModule which references module specific AMs)
Total Number View Objects: 171
Total Number of Entities: 58
Total Number of BC Files: 1734
Total Number of JSPs: 246
Total Number of pageDefs: 236
Total Number of navigation cases in faces-config.xml: 127
Total Number of application files: 4183
Total application size: 180megs
Are there any other ways to divide up this application? Ie: module specific projects with seperate faces-config files/databindings? If so, how can these files be "hooked" together? A couple of the aces has recommended that we should separate all the entity files into its own project which make sense. Also, we are looking into the maven builds which should remove those pesky model.jpr files that constantly gets “touched”. I would to love hear how other groups are organizing their application and anything else they would like to share as an ADF best pratice.
Cheers,
Wes

After discussions over the summer/autumn by members of the ADF Methodology Group I have published an ADF Coding Standards wiki page that people may find useful:
[http://wiki.oracle.com/page/ADF+Coding+Standards]
It's aimed at ADF 11g and is intended to be a living document - if you have comments or suggestions please post them to the ADF Methodology google group ( [http://groups.google.com/group/adf-methodology?hl=en] ).

Customizing ADF Faces Look & Feel. Some questions & suggestions

Hi everybody,
We are developing an application with ADF Faces using JHeadStart. For the moment, I am studying the way we must modify the JHS templates to adapt each element to our needs.
As it's told in the JHeadStart Developer's Guide, there are two ways to customize Look & Feel:
1) Modifying the templates
2) ADF Skinning
I'm using both methods, but I feel that thay are not good enough to adapt the L&F to our customer requirements.
My main problem now is in the ADF Table customization. I want to use ADF Table because it offers us a lot of features that are not in the jsf table (the selection column, the table overflow...), and is very usefull combined with the generated JHS code. But at the same time, it doesn't offer a lot of functionality in the look & feel customization. Using JSF Table, I can set the CSS style for headers, rows, columns, the table, I can set the border, cellspacing and cellpadding. But I cannot do
any of these thing (or at least, I don't see how) with the ADF Table.
Our customer (a government) have a strict definition of the look & feel of his web applications. They want we use their CSS styles definition file, so they can modify at once the Look & Feel of all their applications. Modifying the L&F through skinning generate other styles, not use the style classes in our CSS (o so I think).
So, the questions:
1) There is any way to set the suitable styles for the ADF Table components (headers, rows)?
1bis) Why, If I have defined a new skin, with only just a few selectors, some styles from oracle are applied? Maybe because the render kit in the 'adf-skins.xml' is "oracle.adf.desktop"? If it is true, how can I make that they are not used, I must implement a render kit or can I use another existent?
2) Can I decide how looks the select column (for example a button instead of a radio button)? Can I decide where does it goes (right or left)?
3) There is any way to hidden the text Show/Hide of the showDetail in the table (the tableOverflow), as I can change the icons through skinning? If it is not possible, How can I overwrite the text. I need it in Catalan, but it is shown in English for this locale. Where is the message bundle I should overwrite?
4) There is any way to force a tree to start fully expanded?
5) There is anywhere documentation about the javascript functions used in ADF and their meaning? I think for example in the previous question. If I knew which javascript function I should call for expand the tree and its parameters, I could put the call in the onload event of the body.
6) I use a selectInputDate. I have skinned the launch-icon, and I would like to do a similar thing in the chooseDate that is opened in a new window. But It seems not to be affected for my skinning directives (if I put a chooseDate in the same page, its L&F follow the skinning rules I've defined). I don't know if this dialog is an ADF feature or a JHS generated feature.
7) There is any way to keep unmodified the id I've choosed for a component? (I mean, an inputText with id="hello" in a form with id="form" will have in the HTML an id = "form:hello", but I would like it to be simply 'hello')
8) How can I control the position and the size of a dialog (the chooseDate dialog or a dialog I've created)? In the cases I've been testing, it seems the dialog is forced to resize depending on the content. I would like to know if I can establish a fixed size.
9) There is any way to open a non-modal dialog? (which I could keep open at the same time that another instance of the same dialog)
For the moment, I think I have no more question. But give me time.... :-D
The suggestion I've to do is basically more flexible components for a better customization (for example, the styles settings I've talked about previously). ADF components are nice and powerful, but I think they should generate pages that follow the tendencies in the web development: tableless pages (I cannot understand the utility of the objectSpacer existing the margins), use of CSS for layout...
Any answer, comment or suggestion will be welcome.
Carles.
Message was edited by:
cbios

I have been able to make the UIX 2.2 and ADF Faces LAF look near identical by updating the oracle-desktop.xss file within UIX 2.2 as follows

<style name="DarkAccentBackground">

<property name="background-color">#d2d8b0</property>
</style>
There are still some differences:
1) A black line appears on the ADF Faces on the 'menu1' facet selected tab below the text. DON'T KNOW HOW TO REMOVE THIS FROM ADF Faces or add it to UIX 2.2!!!
2) In UIX 2.2 a bulleted list uses the HTML <li> tag. In ADF Faces it doesn't use the HTML <li> tag rather it constructs the bulleted list using lower level HTML tags with the 'bullet' becoming an image, in my browser this means the disc is smaller in Faces. The motivation for this change I think is explained via this post. Since I have no control over how this specific HTML tag is rendered it forces me to replace the /adf/images/bltdscn.gif file in adf-faces-impl.jar with a larger disc!
http://www.thescripts.com/forum/thread96839.html
May update this again if there are other things I notice.

Panel Page in ADF Faces using Facelets not rendering correctly

Hi, I am attempting to integrate facelets into a web app built using adf faces and am running into a problem with the panel page component. I have integrated facelets and adf faces without any problems by adding relevant jars (jsf-facelets and adf-facelets) to the project and specifying alternate facelets view handler in web.xml.
However, when I try to render any component inside <af:document> or <af:html> tags, all the font style in components seems to be lost ( all the text and input fields turn large and ugly!).
I tried to leave out the <af:document> tag and put the <f:view> inside some vanilla html instead, but then panelPage component dosen't render properly and I get following message on top of page :
"Skip navigation elements to page contents"
So seem to be in a bit of a catch 22. By the way, this all works fine if I don't use facelets (remove the facelets view handler from web.xml and page renders correctly).
Does anyone have any ideas or examples of panelPage rendering correctly with facelets or an alternative to using adf faces html tags that will allow panelpage to be displayed?
The following is the code from a simple test jspx page :
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:afh="http://xmlns.oracle.com/adf/faces/html"
xmlns:af="http://xmlns.oracle.com/adf/faces"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:view>
<af:document>
<af:form>
<af:panelPage title="Title 1">
<af:panelHorizontal>
<af:panelGroup layout="vertical">
<af:outputLabel value="Username"/>
<af:inputText id="lo_username" value="" columns="20"/>
<af:objectSpacer width="1" height="10"/>
<af:outputLabel value="Password"/>
<af:inputText id="lo_password" secret="true" value="" columns="20"/>
<af:objectSpacer width="1" height="15" />
<af:panelHorizontal>
<af:objectSpacer width="50" height="1"/>
<af:commandButton id="lo_loginButton" text="Login"/>
</af:panelHorizontal>
</af:panelGroup>
<af:objectSpacer width="50" height="1"/>
<af:panelGroup layout="vertical">
<af:outputLabel value="Please use your windows account username"/>
<af:outputLabel value="and password to logon to the system"/>
<af:objectSpacer width="1" height="50"/>
</af:panelGroup>
</af:panelHorizontal>
</af:panelPage>
</af:form>
</af:document>
</f:view>
</jsp:root>

The problem was the <jsp:root> tag. Removed this tag and modified <af:document> to the following so that namespaces are declared :
<af:document xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces"
xmlns:afh="http://xmlns.oracle.com/adf/faces/html"
xmlns:ui="http://java.sun.com/jsf/facelets">
Page now renders properly using facelets.
Message was edited by:
mjc

Help required building ADF-Swing/ADF-Faces using ADF Business Components

My question is in regards to how you can go about building a light swing application to an ADF model?
In particular if I were to say that we were developing a 3-tier project whereby we had a database tier, a series of EJB-ADF façade session beans to the database (middle-tier), and a swing client communicating with the session beans (view-controller tier), how would you go about developing these screens?
In particular can we develop these screens using ADF-Faces and also ADF-Swing?
The EJB session façade beans of course are ADF app modules with customised methods. The methods would return back customised DTO objects. These DTO objects are wrappers to row objects ADF would create. This would be mainly due to making these facade beans web service enabled (Oracle state that these methods cannot return oracle.jbo objects if they are to be web service enabled).
This would be typically deployed to an app server, like Oracle App Server 10G.
Could you please have a look at this, as I am doing a lot of research into this.
eg. Taking example from oracle magazine sept/oct 2006
with slight enhancements
package oramag.frameworks.example.common;
import oracle.jbo.ApplicationModule;
import oramag.frameworks.customdto.EmployeeDTO;
public interface HRService extends ApplicationModule {
void deleteCurrentEmpAndCommit();
EmployeeDTO findEmployee(int employeeId); // new method
import oramag.frameworks.customdto.EmployeeDTO;
public class HRServiceImpl extends ApplicationModuleImpl {
public void deleteCurrentEmpAndCommit() {
Row empRow = getEmpView().getCurrentRow();
if (empRow != null) {
empRow.remove();
getDBTransaction().commit();
public EmployeeDTO findEmployee(int employeeId)() {
EmployeeDTO employeeDTO = null;
EmployeesImpl employees = getEmployees();
employees.setNamedWhereClauseParam("EmployeeId", employeeId);
employees.executeQuery();
if(employees.hasNext()) {
EmployeesRowImpl employee = (EmployeesRowImpl)employees.next();
employeeDTO = new EmployeeDTO(employee);
return employeeDTO;
public EmployeesImpl getEmployees() {
return (EmployeesImpl)findViewObject("Employees");
Now given the above code snippet, how could you turn this into an ADF-Swing/ADF Faces application so that if a user using the swing application enters an employee id, then the application will execute the query on the app server, the app server in turn returns the results to the client, and the client finally display the results. Typical MVC example.
Cheers
Rodney

The tutorial is for ADF BC used with JavaServer Faces.
While the tutorial doesn't cover it, we also support drag and drop development for Swing and visual WYSIWYG layout for Swing panels and windows, too. For a very simple example, watch screencast #4 on my blog here:
http://radio.weblogs.com/0118231/stories/2005/06/24/jdeveloperAdfScreencasts.html
One thing I have noticed is that when using ADF business components, when the app module returns a custom DTO object like the above example, it returns the data in a element structure according to the data control palette.
You don't generally ever need to create your own custom DTO's when working with ADF for use by client UI's. The only situation where can be necessary -- until we simplify this in the JDeveloper/ADF 11g release -- is when you desire to expose custom methods that can return sets/arrays of typed row structures through a web service. However, web services are not involved/required in building 3-tier Swing applications.
When dropping onto a page it does so like a string and doesnt give option to display the data in a read only form etc. Is there anything we need to do, to get the functionality.
It's more of what you don't need to do :-)
Just leverage the active data model that the ADF application module provides. You can read more about it in section 4.5 "Understanding the Active Data Model" of the ADF Developer's Guide for Forms/4GL Developers on the ADF Learning Center at http://www.oracle.com/technology/products/adf/learnadf.html). Your UI's bind to view object instances in the data model, and your UI's are automatically kept up to date without needing to write methods that return data. I short article I wrote that preceeded my writing the ADF Developer Guide content on this topis is here:
http://radio.weblogs.com/0118231/stories/2006/01/26/theAdfBusinessComponentsActiveDataModel.html
I know that when dropping a view object you get this functionality. Also was wondering if we were to pass an object of thios type back to the model it might not give us the rich functionality like input forms, like what Oracle provides if we were to drop a enitity view object.
Just use the active data model and everything becomes totally easy, with no changes required to switch between local or three-tier deployment configurations.
Trying to do everything with hand-coded DTO beans is really going the hard way.
Could you help us regarding this?

Unable to find PanelPage option in ADF Faces core...

Hi,
Am trying to come up with SRDemo application for 11g and am following the tutorial provided for 10g in the site. I am encountering various problems as I am working with 11g. One of the problems is that am not able to find "Panel Page" option under ADF Faces core or anywhere. I have included the ADF Faces components 11-ji3 lib. Secondly, I was unable to locate JSF JSP option in JSF Gallery and have went on to create a template using JSF Template dialogue. Any solution to this?

Hi,
the panelPage component is no longer around. Using a template to mimic this layout is the right approach to take.
Frank

ADF Faces not found at Component Palette..

I am a Tertiary Student currently doing a project using Jdeveloper 11G version 11.1.1.3.0 . I am currently doing a project on Login.jspx. I am unable to select the ADF Faces page from the Component Palette and unable to Locate the Panel Header component in the Layout layer of the Component Palette. May I know is there any other way to be able to locate the ADF Faces Page or the panel header?
Thanks.

Make sure you have the 'ADF Faces' and ADF Page Flow' technologies selected to your project.
Open the ViewController project properties and select the last node in the tree ('Technology Scope'). The two mentioned scopes should be on the selected side to see the stuff you are looking for in the component palette.
Timo

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.

Compare between component id in adf faces and component id in html.

Hi all,
[Oracle ADF Faces 11g]
When I design layout and set ID for ADF Component such as:
<af:inputText id="*itCalendar*" />
After I run and view HTML source, I saw:
<INPUT class=x25 id=*j_id_id7:itCalendar* name=*j_id_id7:itCalendar*/>
My question:
1. Why ID changed after I run ?
2. How to away: ID don't change ?
3. Why all atributes of Javascript attributes in adf faces 11 don't show? such as:
onchange
onclick
...etc.,
Can you help me, please?
thanks all.

User,
1). The ID changes because your af:inputText is inside another component that is a naming container. the *j_id_id7 is the (apparently auto-generated) ID used by the naming container.
2). Don't put your component inside of a naming container (tongue-in-cheek, as that's usually not very possible). The best thing is to put ID's on all of your components, then you can know what the final ID in the HTML will be
John

JDeveloper 10.1.3.4.0: Controlling HTML formatting of ADF Faces components

I have been investigating the ADF Faces components, and some of them write a fairly substantial block of HTML to the browser.
The inputText, for example, renders an HTML table containing, among other things, an input, required field indicator, and a span for error display.
This would appear to limit the amount of control a page designer would have over the precise layout of these sub-elements.
We are en E-Commerce shop, so the ability to control the exact layout of our pages is critical to our business.
Are the ADF Faces components going to allow us the fine-grained UI control we need?
It could be a coincidence, but it seems as if all the real-world application examples in the ADF documentation seem to be business-type applications,
where the UI is right out of the box with minimal tweaking.
Thanks,
Jonathan

Jonathan,
For a label above the text you can use this:
            <af:group>
              <af:outputLabel value="outputLabel1"/>
              <af:inputText/>
            </af:group>You can also achieve a lot of other customization with skins for ADF Faces components.
But more to the point - since the JSF components offer you more then just basic HTML component I guess there might be a limit to the customization you can do to them.
At the end your company will need to make the call on what is more valuable - the ability to stick exactly to a style or the ability to use components with rich functionality that save you coding.
Think for example how much coding on the client you'll need to do in standard JSP/HTML to achieve what the ADF Table component gives you out of the box (sorting, range paging, detail disclosure, banding, etc). Maybe it is worthwhile to be a little more flexible on the layout issues instead of ending up wasting a lot of time writing these code.
In any case even if you choose to go with plain JSP and Struts or with plain JSF and the plain JSF components - the ADF framework will still enable you to do drag and drop binding to your UI.
The benefit of the ADF Faces components is the built in functionality they provide with things like partial page rendering, Ajax functionality etc...

Adf faces on weblogic 8.1.5

Hello,
I am building an application using adf faces (10_1_3_0_4) on Weblogic 8.1.5.
I have the application working under eclipse and Weblogic 8.1.5 on windows.
However, when I try to deploy it Sun Solaris, I have problems.
The Test App includes in WEB-INF/lib :
adf-faces-api-10_1_3_0_4.jar jaxen-full.jar
adf-faces-impl-10_1_3_0_4.jar jsf-api.jar
adfshare-3549S.jar jsf-impl.jar
commons-beanutils.jar jstl.jar
commons-collections.jar saxpath.jar
commons-digester.jar standard.jar
commons-logging.jar
The Weblogic java version and jvm are
java.runtime.version = 1.4.2_08-b03
java.specification.version = 1.4
java.vendor = Sun Microsystems Inc.
java.vendor.url = http://java.sun.com/
java.version = 1.4.2_08
When it compiles the jsp, I get the following error:
error: Invalid class file format in /export/enterprise-docs/weblogic/8.1/user_projects/
ipbDomain/ipbNode1/.wlnotdelete/extract/ipbNode1_ipb_ipb/jarfiles/WEB-INF/lib/adf-faces
-impl-10_1_3_0_4.jar(oracle/adfinternal/view/faces/taglib/core/layout/CorePanelPageTag.
class). The major.minor version '48.0' is too recent for this tool to understand.
/export/enterprise-docs/weblogic/8.1/user_projects/ipbDomain/./ipbNode1/.wlnotdelete/ex
tract/ipbNode1_ipb_ipb/jsp_servlet/__home.java:241: Class oracle.adfinternal.view.faces
.taglib.core.layout.CorePanelPageTag not found.
oracle.adfinternal.view.faces.taglib.core.layout.CorePanelPageTag afpanelPage0 =
null;
export/enterprise-docs/weblogic/8.1/user_projects/ipbDomain/./ipbNode1/.wlnotdelete/ex
tract/ipbNode1_ipb_ipb/jsp_servlet/__home.java:1080: Class oracle.adfinternal.view.face
s.taglib.convert.ConvertNumberTag not found.
if (_af_convertNumber0 == null) afconvertNumber0 = new or
acle.adfinternal.view.faces.taglib.convert.ConvertNumberTag(); //[ /home.jsp; Line: 93]
^
62 errors
at weblogic.servlet.jsp.JspStub.compilePage(JspStub.java:478)
at weblogic.servlet.jsp.JspStub.prepareServlet(JspStub.java:246)
at weblogic.servlet.jsp.JspStub.prepareServlet(JspStub.java:196)
at weblogic.servlet.internal.ServletStubImpl.getServlet(ServletStubImpl.java:59
8)
at weblogic.servlet.internal.ServletStubImpl.invokeServlet(ServletStubImpl.java
:406)
at weblogic.servlet.internal.ServletStubImpl.invokeServlet(ServletStubImpl.java
:526)
at weblogic.servlet.internal.ServletStubImpl.invokeServlet(ServletStubImpl.java
:348)
at weblogic.servlet.internal.RequestDispatcherImpl.forward(RequestDispatcherImp
l.java:328)
at com.sun.faces.context.ExternalContextImpl.dispatch(ExternalContextImpl.java:
322)
at com.sun.faces.application.ViewHandlerImpl.renderView(ViewHandlerImpl.java:13
0)
at oracle.adfinternal.view.faces.application.ViewHandlerImpl.renderView(ViewHan
dlerImpl.java:157)
at com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java
:87)
at com.sun.faces.lifecycle.LifecycleImpl.phase(LifecycleImpl.java:200)
at com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:117)
at javax.faces.webapp.FacesServlet.service(FacesServlet.java:198)
at weblogic.servlet.internal.ServletStubImpl$ServletInvocationAction.run(Servle
tStubImpl.java:1072)
at weblogic.servlet.internal.ServletStubImpl.invokeServlet(ServletStubImpl.java
:465)
at weblogic.servlet.internal.TailFilter.doFilter(TailFilter.java:28)
at weblogic.servlet.internal.FilterChainImpl.doFilter(FilterChainImpl.java:27)
at oracle.adfinternal.view.faces.webapp.AdfFacesFilterImpl._invokeDoFilter(AdfF
The error major.minor version '48.0' is too recent for this tool to understand.- implies the adf jars are JDK 1.4, are different from Weblogic jvm, but they are both 1.4. The error occurs when the jsp compiler tries to generate the class from the jsp. It cannot resolve the adf jars which reside in WEB-INF/libs. The jsp works correctly when I use jsf components instead of adf faces components.
Any help will be greatly appreciated.
Thanks,
Bal.

Hi,
          When I deploy JSF app onto Weblogic 8.1 sp4, I am getting the following error. Any idea?
          weblogic.management.DeploymentException: javax/servlet/jsp/el/ELException - with nested exception:
          [java.lang.NoClassDefFoundError: javax/servlet/jsp/el/ELException]
          at weblogic.management.deploy.slave.SlaveDeployer$ActivateTask.doCommit(SlaveDeployer.java:2423)
          at weblogic.management.deploy.slave.SlaveDeployer$Task.commit(SlaveDeployer.java:2138)
          at weblogic.management.deploy.slave.SlaveDeployer$Task.checkAutoCommit(SlaveDeployer.java:2237)
          at weblogic.management.deploy.slave.SlaveDeployer$Task.prepare(SlaveDeployer.java:2132)
          at weblogic.management.deploy.slave.SlaveDeployer$ActivateTask.prepare(SlaveDeployer.java:2384)
          at weblogic.management.deploy.slave.SlaveDeployer.processPrepareTask(SlaveDeployer.java:866)
          at weblogic.management.deploy.slave.SlaveDeployer.prepareDelta(SlaveDeployer.java:594)
          at weblogic.management.deploy.slave.SlaveDeployer.prepareUpdate(SlaveDeployer.java:508)
          at weblogic.drs.internal.SlaveCallbackHandler$1.execute(SlaveCallbackHandler.java:25)
          at weblogic.kernel.ExecuteThread.execute(ExecuteThread.java:219)
          at weblogic.kernel.ExecuteThread.run(ExecuteThread.java:178)
          No Exception Messages
          Thanks for your help!!

ADF Faces Layout

Similar Messages

Maybe you are looking for