ADF Faces Components: How to fix position of af:panelPage facets

I have several jsp pages, each of which has af:panelPage component to which I included menuGlobal, appCopyright, appPrivacy, appAbout. What I don't like about those pages is that above-mentioned facets keep moving up and down depending on contents i add to the different jsps. For example, if jsp1 has more content than jsp2, then moving from jsp1 to jsp2 results in above facets moving up. I just hate that. I would like to have those facets have a fixed location at the bottom of any jsp page and not have their location changing as I switch between pages having different contents. One of many things I tried doing is wrapping the content of each jsp inside af:panelBorder and set a fixed height to the af:panelBorder. This works. However, I don't like to set af:panelBoder height to some fixed value because on different displays, user may end up having to scroll up and down to see entire jsp contents and I don't want scolling. So I tried using inlineStyle to set height of af:panelPage to percentage of screen height but this doesn't work either. I am stuck !!!
Please help/advise!
It looks like either i am dumb and dont know what I am doing or the flexibility i am seeking isn't supported.
I am using JDeveloper (10.1.3.2).
Thanks a lot in advance.
Message was edited by:
samsam

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

Similar Messages

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 Components in a Portal

Hi,
We have managed to use the ADF Faces components in a normal web environment, but have had problems when using the components in a portal environment. We are using the JSF portlet bridge classes for rendering portlets. We are getting a ClassCastException in the FacesServlet... Anyone used these components in a portal and know how to get around this problem?
Thanks.

what is the stack trace of the exception?

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

Advise on maximum number of Active data ADF faces components on one page

How many active data ADF faces components (ADS configured in long polling transport mode) can we have on a page? Is there any restriction (eg: one factor could be max number of concurrent HTTP connections) ?

Can you please tell us which JDev version you are using? A use case would be appreciated too.
There has been a discussion on ADS here the last couple of days. Search the forum and you may find some useful info.
Timo

ADF Faces Components and HTML/JSP Pages

We would like to create HTML/JSP pages and include some of the ADF Faces Components; ie: date picker, radio buttons, etc.
When we develop this type of page, upon running in the embedded OC4J, the HTML is processed first and then the ADF Faces Components are processed. In the design panel/editor, everything is in the correct sequence. Upon running in the OC4J, it doesn't matter where in the code we place the ADF Faces Components, these ADF Faces Components always appear at the end of the other HTML and JSF Faces components in the displayed page.
How can we mix the two technologies? ADF Faces alone is not flexible enough for our needs. We want to use the JSP:include tag for reusable code which works fine in a HTML/JSP page, but not in a ADF Faces PanelPage or PanelBorder or anything similar.
We're running the EA17 version of the tag library.
Can we mix the technologies? What are we missing? Is this an issue with the embedded OC4J? Will it make a difference if we develop JSP pages as pure JSP or the JSPX option?
Thank you.
Message was edited by:
[email protected]

The following tag lib allowed me to mix HTML and JSF tags (not sure about other JSP tags though). Hope this helps:
http://jsftutorials.net/htmLib/
Chris

Oracle ADF Faces Components, Early Access Release 8 is now available

Oracle ADF Faces is a rich set of user interface components based on the new JavaServer Faces JSR (JSR-127). Oracle has been actively involved in this JSR since its beginning. The Oracle ADF Faces Components provide various user-interface components with built-in functionality - such as data tables, hierarchical tables, and color and date pickers - that can be customized and re-used in your application.
ADF Faces also includes many of the framework features most needed by JSF developers today:
* File upload support is integrated at a component level.
* Client-side validation is automatically derived from Validators and Converters for an improved user experience.
* A pageFlow scope makes it easier to pass values from one page to another.
* A new hybrid state saving strategy gives developers the best of both client and server-side state saving.
ADF Faces ensures a consistent look and feel for your application, allowing you to focus more on user interface interaction rather than look and feel compliance. The components support multi-language and translation implementation as well as accessibility features. ADF Faces Components use Partial Page Rendering (PPR) offering superior runtime interactivity. PPR allow the browser to just render a piece of a page instead of the entire page.
The intention with this early access release is to give developers/architects an opportunity to evaluate JSF and Oracle's JSF component offering.
Oracle ADF Faces Components can be used in any IDE that support JSF, including Oracle JDeveloper 10g.
Oracle ADF Faces Components, EA8

Jonas,
It works if I include the following:
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
The source is now:
<%@ taglib uri="http://xmlns.oracle.com/adf/faces/EA8" prefix="af"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ page contentType="text/html;charset=windows-1252"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>untitled</title>
</head>
<body>
<f:view>
<af:outputText value="hello ADF Faces!"/>
</f:view>
</body>
</html>
Did I feel out something in my library entry?
Thanks.

ADF Faces Components Demo - Illegal Characters error

Hi ,
I downloaded the ADF Faces Components Demo for version 11.1.2.3.0 from http://www.oracle.com/technetwork/developer-tools/adf/downloads/index.html . I tried following instructions :ADF Faces Components Demo Install Instructions
This is getting downloaded as rcf-dvt-demo.zip. I renamed it to rcf-dvt-demo.war.
Then I tried to create a project from this war... and got following error :
The project file "C:\rcf-dvt-demo.war!\Project.jpr" is not valid. The file name may contain illegal characters, it may be too long, or permissions for this file or one of it's parent directories may be restricted.
Please help . Am i downloading from correct location and following the correct instructions.
Thanks,
Rajdeep

Good Catch Timo ... Lot of thanks.
Still I will put down the silly mistake of overlooking the wizard.
I was doing the correct thing - "create a new application and inside this application workspace you add a new 'project from war'." But mistake was .. First step of wizard it is project name and path,, and then second step is war location... and in hurry I was giving the project name and war location in first step.
Thanks,
Rajdeep

Consuming JSF & ADF Faces Components in Portal Page

I am totally new to Oracle Portal environment and doing some analysis of using Portal in our application.
I was reading that we can create JSP Portlets like adding scriptlets, expression and other JSP & HTML elements.
Is it possible to consume JSF & ADF Faces components in Portal page? I mean, is it possible to create JSF Portlets?

The WSRP provider, which is shipped with Portal 10.1.4, would provide this functionality through the JSF bridge. You need to install Webcenter to get the bridge. This makes me think whether you should use Oracle Portal or rather decide to go for Webcenter as development platform, especially if you have a J2EE background already.

ADF Faces components are not rendered in Jdeveloper visual editor

Hi!
I'm using Jdeveloper 1013 Developer Preview. I found that the components of ADF Faces EA16 are not shown on the visual editor in Jdeveloper, but the ADF Faces EA15 components are shown. I'm just wondering if this is normal, and there is anything that can be done to fix this?
Meen

I know there's a recent release with a visual editor problem, but I'm not sure which one it is. This thread says you need a fresh install? Can you try that?
Re: ADF Faces tutorial/code sample for data table?

Can't find Javadoc for ADF Faces components

I have tried to locate javadoc documentation for ADF Faces Java classes, but am not able to find anything. For example, the ADF Faces tag documentation for af:convertNumber has the following comment:
"Further more information see javadoc for oracle.adf.view.faces.converter.NumberConverter"
But I cannot find this javadoc anywhere on the OTN documentation site.

Pls Check this link
http://download.oracle.com/docs/cd/B25221_05/web.1013/e18745/apidocs/overview-tree.html

ADF Faces Components : File not found

Hi,
The link :
http://download.oracle.com/otn/java/jdeveloper/905/adf-faces-ea10.zip
in the page :
http://www.oracle.com/technology/software/products/jdev/htdocs/adfjsf.html
does not work...
Regards,
Stephane

Seems to be working fine now. Please try again and let us know any specific errors.
OTN

ADF Faces components with HTML and DIV tags

Hello all,
I want to know if there a way to place a <div> tag within an adf faces component tag? eg. <af:table> tag and insert the div tag between </af:column>? I tried doing this by placing the div tag between columns and also enclosing it with verbatim tags, but a parsing exception occurs during run time. The purpose of this is to create frozen columns for horizontal scrolling.
The code looks like:
<af:table ...>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<f:verbatim>
//DIV TAG
</f:verbatim>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<f:verbatim>
//END DIV TAG
</f:verbatim>
</af:table>
Thanks in advance.
-Wes
Message was edited by:
zeoneozero

repost
-

ADF Faces: RichTable - How to create a RichTable object

Hi. How to create a RichTable object to put in a JSF page ? I need to make a method that receive a list of name of columns and a list of list of data. This code that I have writing don't work. What's my error?
        public RichTable getADFTable(
        List<String> lstCols, List< List<String> > lstLstData
        RichColumn adfCol = null;
        List<RichColumn> lstRichCols = new ArrayList<RichColumn>();
        int cont = 0;
        for( String col : lstCols ){
            adfCol = new RichColumn();
            adfCol.setDisplayIndex(cont++);
            adfCol.setHeaderText( col );
            adfCol.setMinimumWidth( "60" );
            lstRichCols.add( adfCol );
        int contCols = 0;
        RichOutputText text = null;
        RichTable AdfTab = new RichTable();
        for( List<String> lstData : lstLstData){
            for( String data : lstData ){
                text = new RichOutputText();
                text.setValue(data);
                lstRichCols.get( contCols ).getChildren().add( text );
                contCols++;
            contCols = 0;
        AdfTab.setRows(this.lstEntit.size());
        cont = 0;
        for( RichColumn col : lstRichCols ){
            AdfTab.getChildren().add( col );
        return AdfTab;
    }

I was searching for an example and i found it but whit errors, finally i fixed and it works.
You just have to generate the data from your webservices and "put" into this structure.
The java file (Bean)
package view;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import org.apache.myfaces.trinidad.model.CollectionModel;
import org.apache.myfaces.trinidad.model.SortableModel;
public class DynamicTable {
    private SortableModel model;
    private List<String> columnNames;
    public DynamicTable() {
        columnNames = new ArrayList<String>();
        columnNames.add("Col-1");
        columnNames.add("Col-2");
        generateColumnModel();
    public void generateColumnModel() {
        this.model = new SortableModel(createRows(columnNames));
    private List<Map> createRows(List<String> columnNames) {
        int i = 0;
        List<Map> mapListforRows = new ArrayList<Map>();
        for (String name : columnNames) {
            Map newRow = new HashMap();
            mapListforRows.add(newRow);
            for (String col : columnNames) {
                newRow.put(col, "data");
        return mapListforRows;
    // Get table model
    public CollectionModel getCollectionModel() {
        return model;
    public void setColumnNames(List<String> columnNames) {
        this.columnNames = columnNames;
    public List<String> getColumnNames() {
        return columnNames;
}The jspx file (page)
           <af:table varStatus="rowStat" summary="table"
                        value="#{pageFlowScope.DynamicTable.collectionModel}"
                        rows="#{pageFlowScope.DynamicTable.collectionModel.rowCount}"
                        rowSelection="none" contentDelivery="immediate"
                        var="row" rendered="true" id="t1">
                <af:forEach items="#{pageFlowScope.DynamicTable.columnNames}"
                            var="name">
                  <af:column sortable="true" sortProperty="#{name}"
                             rowHeader="unstyled" headerText="#{name}"
                             inlineStyle="width:100px;" id="c1">
                    <af:activeOutputText value="#{row[name]}" id="aot1"/>
                  </af:column>
                </af:forEach>
              </af:table>

ADF Faces 10g: How to empty an af:table component?

Hi,
I am using JDeveloper/ADF 10.1.3.
I have a page with 2 iterators on the same view (one always in search mode), a search form and a table for results. As there are a lot of rows in the view and I don't want to query it without search criteria to avoid getting all the results, I set the iterator's refresh property to ${adfFacesContext.postback==true}.
I made a Search button binding the Execute action and a Reset button binding the Find action. Now, when I hit the Reset button, I also want to reset the table (the query results) to empty. How to do that? I could not find any method to empty the rowset, neither at table lavel, nor at iterator, nor at view.
Thanks in advance for your replies.

Hi,
I don't have a declarative solution for you, but some possible solutions or ideas to do it.
1. put a method in the application module end expose the method to the client (data control). This method can either remove all rows from the VO (call removeCurrentRowFromCollection() for each row currently in the VO but keep them in the DB).
2. you can try to use executeEmptyRowSet() (I'm not sure it's available in 10.1.3) and hope that it removes all rows from the row set (the method is not documented, so I'm olny guessing it's function).
3. execute your search with parameters you are sure they will not return any result. This can be done from a backing bean.
Timo

ADF Faces Components: How to fix position of af:panelPage facets

Similar Messages

Maybe you are looking for