Resizable frames in ADF Faces

Hi all!
We have jspx-page.
We are using ADF Faces HTML component <afh:frameBorderLayout>, which contains 2 <afh:frame> components for division of page content into areas.
As a result html-page is generated, and it has 2 frames, but end user can NOT change frames width by draging.
How can we fix that?
Is there something like html "noresize" parameter in <afh:frame>?
many thanks for reading this
any help will be appreciated
Renat

I have the same issue and the quick answer is no. If you look into the source you will find that in the renderer oracle.adfinternal.view.faces.ui.laf.xhtml.FrameRenderer.java that noresize is hard coded.
They must have had a reason (I hope) but I have no idea what the reason is. Maybe its something for Trinidad or someone from oracle can supply the reason.
Thinking about ways to overcome this issue

Similar Messages

ADF Faces: resizable DIV inside af:panelPage

Hi,
the requirement is to put DIV html element into af:panelPage component that will be resizable according the browser page size. All my attempts failed. Is it possible?
thanks,
Branislav

Hi Frank,
thanks,
I made it work but only if the browser is being resized horizontally. Don't we have some trick how to enforce some of ADF Faces container component (af:panelPage or something else) to be relative in vertical way? If not, will we have it in 11g?
thanks,
Branislav

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.

ADF Faces - issue with Portal and af table

I wonder if anybody could help me with a problem we are experiencing with running our ADF Faces app inside a portal (NOT Oracle Portal). We are using the af table tag with the rows attribute set as follows:
<af:table emptyText="No items found"
rows="10" banding="row"
bandingInterval="1"
binding="#{backing_ModuleSearchReg.table1}"
id="table1"
var="row">
What this does is if we have more than 10 rows to display it will display
a table header that has a label 'Previous 1-10 of nnn' Next 10. However, when you click on 'Next 10' it produces a Javascript error.
When we run the app outside of the portal we do not get this problem.
I believe this is related to known issues with JSF and Javascript inside a 'framed' web page. But if anybody help me with this or point me to a resource that can help it would be very much appreciated.
Many Thanks in advance.
Chris

Hi,
I remember a similar issue with inner frames that should be fixed in JDeveloper 10.1.3.3. The problem was that the ADF Faces JavaScript did not get the correct document root.
Frank

How to set the target of af:commandLink in Oracle ADF faces ( af:menuTabs )

I try to use tabbedpane component from Oracle ADF...As I found, they stated that only <af:commandLink> can be child of <af:menuTabs>
I want to press the tab then the result can be show at the bottom of that tab...as same as the jsf demo from SUN.
<af:menuTabs binding="#{editor.component}">
<af:commandLink text="Quick-Info" action="#{action.qinfo_page}"
selected="true" />
<af:commandLink text="Vertrieb" action="#{action.vertrieb_page}"/>
<af:commandLink text="Wichtig" action="#{action.wichtig_page}"/>
<af:commandLink text="Kontakt" action="#{action.kontakt_page}"/>
<af:commandLink text="Notizen" action="#{action.notizen_page}"/>
</af:menuTabs>
Now when i press to each tab, it will redirect to new page as i define (such as the code in welcome.jsf...then it redirect to qinfo.jsf when i press at Quick-Info tab).
Pleas help me to solve this problem...I need to show the result at that page (area below the tab). Thank you in advance.

We're sorry, but this isn't supported. One rationale is that it's not generally sufficient to simply reload the target page; you also have to reload the tab control itself to show the new selection. We generally recommend not using frames in this circumstance, instead putting the menuTabs and the content on one page.
(BTW, "target" isn't really supported on <h:commandLink> either)
-- Adam Winer (JSF EG member and ADF Faces architect)

Dynamically reordering columns in ADF Faces Table

The Rich UI components (see ADF Faces Rich Client Components - Marrying JSF and AJAX together) that the ADF Faces library will contain with the JDeveloper 11g release - and hopefully before that moment - will allow end-users to do all sorts of manipulations with Tables. They will be able to resize columns an drag & drop columns to change the order - much like you can do in Spreadsheet applications like Excel. However, those components are not yet available to us. Yesterday my customer asked me if he could have offer the option to re-order columns in a table to his end users. That means that in any table component, the user can decide which column should be displayed first, which one second and which one last. It happened to be the same customer who was after the feature to show/hide columns at run-time, a challenge easily resolved in a previous article: Having the end-user hide and display columns in a JSF Table Component (http://technology.amis.nl/blog/?p=1331).
I have written an article that shows how we can implement this feature: have the end-user specify the order of the columns in the table. I have used ADF Faces for this demonstration, but any JSF implementation will do. See: http://technology.amis.nl/blog/?p=1334 for the article.
best regards,
Lucas

Well issue is that
I have a list of values that can be chnaged any time during application execution sya its list of Fav Fruits..
and in an other page i need a data table having these fruits as coulmns and their details as rows...
how to achieve this..
we can not guess the number of columns before time.. so can make the estimate and hide them.

Frames in ADF 11g

We have a requirement to split the page into 3 parts (basically 3 frames on the page). Frame on the left would contain links to the pages on the right which would be driven by a POV frame at the top. My question is do we have any specific component in ADF 11g to implement basic html frames ( like panelSpiltter) or would it be better to implement the page using basic html frames.
Also, for getting the list of afh components, do we need to add any specific library or have these components been removed in ADF 11g.

They are in the Trinidad set of components - but I would only suggest using those if you can't achieve the layout you are looking for with a combination of the layout components we offer in ADF Faces RC.

ADF Faces and multiframe window for master/detail view

Hi,
I have a web page divide into 2 frames : frame1, the master view and frame2 the detail view.
When I load the whole web page, the master frame print all the paginated list. Each row has a "show more" button. When I click one, the corresponding detail view is displayed in the detail view (frame2). And, when I clicked again the "show more" button, the paginated list (present in the master view) is displayed in the detail view !!! WHY ??
When I click a third time on the "show more" button, the detail view display the corresponding detail information (work well like first click)....and alternatively clicking on the "show more" button, this problems occurs.
Where does this problem come from ?
The ADF Faces code shown in the master view (targetFrame attribute means to display on the detail view when show more button is clicked).
<?xml version="1.0" encoding="iso-8859-1"?>

<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/html"
     xmlns:af="http://xmlns.oracle.com/adf/faces">
     <jsp:directive.page contentType="text/html;charset=utf-8" />
     <f:view >
          <af:document title="List of buildings" >
               <af:form >
                    <af:panelPage title="Show the list of buildings">
                         <af:table var="building" value="#{buildingsBean.buildingsList}">
                              <af:column>
                                   <af:outputText value="#{building.name}" />
                              </af:column>
                              <af:column>
                                   <af:outputText value="#{building.objectId}" />
                              </af:column>
                              <af:column>
                                   <af:commandButton text="Show more"
                                        action="#{adfMasterSlaveBackingBean.showBuilding}" >
                                   </af:commandButton>
                              </af:column>
                         </af:table>
                    </af:panelPage>
               </af:form>
          </af:document>
     </f:view>
</jsp:root>

Yes I put a targetFrame (I forgot to restablish it).
Code of the backing bean (to show building list) :
public List getBuildingsList() throws Exception {
          System.out.println("getBuildings");
          CLPNetworkInstanceAPI netAPI = CLPNetworkInstanceAPI.getNetworkInstanceAPI();
          buildingsList.clear();
try {
     CTResource resources[] = netAPI.fetchAllResourcesByType("CLPRMBuilding");
               for (int i=0; i<resources.length;i++)
                    buildingsList.add(resources);
          } catch (CTConnectionException e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
          } catch (CTUnsupportedTypeException e) {
               // TODO Auto-generated catch block
               e.printStackTrace();
          return buildingsList;
and the backing bean to show building detail :
public String showBuilding() {
          FacesContext context = FacesContext.getCurrentInstance();
          CLPRMBuilding building = (CLPRMBuilding)
     context.getApplication().getVariableResolver().resolveVariable(context, "building");
     if (building == null)
     return "error";
     AdfFacesContext afContext = AdfFacesContext.getCurrentInstance();
     afContext.getProcessScope().put("buildingDetail", building);
     return "showBuilding";

How to split one page into different frames in ADF?

Hi,
Can any one please guide me how to split a jspx into different frames.
i.e., left frame contains <af:panelSideBar> which contains multiple <af:commandMenuItem> s. And whenver we click on the one <af:commandMenuItem>, it has to show the corresponing page inside center frame in this page itself. Is it possible in ADF? Which component we need to use?
Can anyone guide me on this?
Thanks in advance,
Regards,
Suresh Kethireddy

You can use a combination of the ADF Faces 10.1.3 components like:
af:panelPage
af:panelSideBar
af:panelHorizontal
af:panelGroup
to organize the screen layout, but it is not the interactive splitter that the 11g product provides.
You can all all the 10.1.3 ADF Faces Components here:
http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/tagdoc/core/imageIndex.html

Resize button in adf

hi how can i resize the width of my button i like it to be small am in jdeveloper 11g release 2

hi there is no change my xml is
?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1" xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document title="sms4500.jspx" id="d1">
<af:form id="f1">
<af:panelSplitter orientation="vertical" splitterPosition="336" id="ps1">
<f:facet name="first">
<af:panelHeader text=" Document References " id="ph1"
inlineStyle="text-align:left; vertical-align:middle;">
<f:facet name="context"/>
<f:facet name="menuBar"/>
<f:facet name="toolbar"/>
<f:facet name="legend"/>
<f:facet name="info"/>
<af:panelStretchLayout id="psl1" topHeight="103px" bottomHeight="27px">
<f:facet name="bottom"/>
<f:facet name="center"/>
<f:facet name="start"/>
<f:facet name="end"/>
<f:facet name="top">
<af:panelStretchLayout id="psl2" bottomHeight="15px" topHeight="36px">
<f:facet name="bottom"/>
<f:facet name="center"/>
<f:facet name="start"/>
<f:facet name="end"/>
<f:facet name="top">
*<af:commandButton text="view" id="cb1" inlineStyle="width:20%;"/>* </f:facet>
</af:panelStretchLayout>
</f:facet>
</af:panelStretchLayout>
</af:panelHeader>
</f:facet>
<f:facet name="second">

<af:decorativeBox theme="dark" id="db1">
<f:facet name="center">
<af:decorativeBox theme="medium" id="db2">
<f:facet name="center"/>
</af:decorativeBox>
</f:facet>
</af:decorativeBox>
i what to resize the button not the font size of text in the button,currently the button is so big fiting the whole panel,i what i small
Edited by: Tshifhiwa on 2012/04/10 12:47 PM

ADF Faces useWindow attribute

I am trying to open a Dialog window using an af:CommandLink. It is not opening a new window, only navigating to the page as normal. Is there anything obvious I am doing wrong? I have also seen this syntax
useDialog="true"
The IDE is rejecting this as not part of the tld. It may have been part of an earlier version of ADF Faces?
Here is the script from the page
<af:table   var="row"
            value="#{accountBacking.accounts}"
            rows="5"
            banding="row"
            styleClass="table.sample"
            binding="#{accountBacking.table}"
            >
.......Trimmed for relevance.........
    <af:column formatType="icon">
        <f:facet name="header">
            <af:outputText value="Edit"/>
        </f:facet>
        <af:commandLink useWindow="true"
                        action="#{accountBacking.editAccountAction}"
                        partialSubmit="true">
            <af:objectImage source="/images/edit-blue.gif"/>
        </af:commandLink>
    </af:column>
.......Trimmed for relevance.........
</af:Table>

I figured it out. In older examples where useDialog was used, the return value from the action was "process:something". This was also defined as a navigation rule in faces-config.xml
I found an example from oracle that uses the useWindow attribute. Instead of "process:something" it should be "dialog:something"
Here is the example
http://www.oracle.com/webapps/online-help/jdeveloper/10.1.3/state/content/navId.4/navSetId._/vtTopicFile.jsf_apps%7Cadfcreate%7Caf_acommandanddialog~html/

ADF Faces IF statement available within the page?

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

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

How to develop web app by ADF Faces rich web client ?

i want developer web app by adf face rich
but have not adf rich tag library in jdev 10.1.3
how to develop by adf rich?

Hi,
don't know what you mean by ADF Faces rich web client, but if you mean our Ajax component set, then this is not yet available outside of Oracle. If you mean ADF Faces as we have it in JDeveloper 10.1.3, create a JSF page and step through the creation process, toggle the ADF Faces libraries to make ADF Faces available
Frank

ADF Faces - Which type of barcode scanner is recommended for ADF JSP?

Hello everybody:
1.- I'm trying to implement and adf faces app, with the functionality to get some
data from a barcode reader.
2.- I was reading about the different types of reader's interfaces: keyboard wedge,
RS232, USB, bluetooth, etc.
--- QUESTION' SECTION ---
3.- First, the best thing is that my app could be compatible with all interfaces, I
don't know if this is possible without any changes to the code.
4.- If the previous point is not possible, I know that at least my app has to be
compatible with the KB wedge and RS232, because I have read that the USB
just emulate these two interfaces, but in an USB port.
5.- I haven't read to much about this, but I need that my app do a post imediately
after read the barcode, so the best thing my mind could imagine is add an
<enter> char from the reader, I read too that this is only possible with the
RS232, is the only way to modify the output of the scanner before send it to
the app, and with the KB wedge is not possible.
6.- But, the KB wedge is easier to use because my app does not require any extra-
code to handle it, the only thing is: the cursor must be in the correct place in
the correct time.
I have read in this forum that some people has already implement this, if some of
you guys have any suggestion, please let me know.
Thnks in advance.
Alex.

Hi,
thre is no specific certification between barcode readers and ADF Faces. So if you need a barcode reader, it s up to you testing which one can interact with the browser to fill in the form fields (and this basically is all it does)
Frank

JDeveloper 10g, ADF Faces & BC: setVar method on CoreTable is not working

Hi all,
I am in the process of creating a custom tag library for our organization. I seem to be having problems with the setVar method on the CoreTable component. I created a simple reproducible example using the scott/tiger schema. Within my tabletest.jsp, I have a af:table which was created via dragging from the datacontrol pallet. Next, I add my custom tag and set the same value attribute. When I run the page, #{row.Deptno} does not evaluate to anything! However, I know that the value is set properly due to the same number of rows appearing within my custom table tag.
Suggestions are appreciated.
thanks,
Wes
Here is the screen shot of my example:
http://www.flickr.com/photos/54652784@N03/5062690216
jsp code:
<!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/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"%>
<%@ taglib uri="http://acme.customtag" prefix="customtag"%>
<f:view>
<afh:html>
<afh:head title="tabletest">
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252"/>
</afh:head>
<afh:body>
<af:messages/>
<h:form>
<af:outputText value="below is the adf table"/>
<af:table value="#{bindings.ViewObj1.collectionModel}" var="row">
<af:column sortProperty="Deptno" sortable="false"
headerText="#{bindings.ViewObj1.labels.Deptno}">
<af:outputText value="#{row.Deptno}"/>
</af:column>
<af:column sortProperty="Dname" sortable="false"
headerText="#{bindings.ViewObj1.labels.Dname}">
<af:outputText value="#{row.Dname}"/>
</af:column>
</af:table>
<af:objectSpacer width="10" height="50"/>
<af:outputText value="Below is the custom table"/>
</h:form>
<customtag:customtable value="#{bindings.ViewObj1.collectionModel}"
disabled="false"/>
</afh:body>
</afh:html>
</f:view>
CustomTable.java code:
package customtag;
import java.io.IOException;
import javax.faces.application.Application;
import javax.faces.component.UIComponentBase;
import javax.faces.context.FacesContext;
import javax.faces.el.ValueBinding;
import oracle.adf.view.faces.component.core.data.CoreColumn;
import oracle.adf.view.faces.component.core.data.CoreTable;
import oracle.adf.view.faces.component.core.output.CoreOutputText;
public class CustomTable extends UIComponentBase {
public static final String COMPONENT_TYPE = "customtag.customtable";
public static final String RENDERER_TYPE = null;
private CoreTable table = new CoreTable();
public CustomTable() {
public void encodeChildren(FacesContext context) throws IOException {
// Encode the top most component
Application apps = context.getApplication();
table.setVar("row");
Object value = getAttributes().get("value");
CoreColumn column = new CoreColumn();
CoreOutputText cout = new CoreOutputText();
if (value != null) {
table.setValue(value);
ValueBinding rowValueBinding =
apps.createValueBinding("#{row.Deptno}");
Object rowValue = resolveExpression("#{row.Deptno}");
if (rowValue != null) {
System.out.println("rowValue is reconized. " + rowValue);
cout.setValue(rowValue);
} else if (rowValueBinding.getValue(context) != null) {
System.out.println("rowValueBinding is reconized." +
rowValueBinding.getValue(context));
cout.setValueBinding("Value", rowValueBinding);
} else {
System.out.println("row is not reconized.");
cout.setValue("this is a hard coded row attribute value");
column.getChildren().add(cout);
table.getChildren().add(column);
table.encodeAll(context);
public static Object resolveExpression(String expression) {
FacesContext ctx = FacesContext.getCurrentInstance();
Application app = ctx.getApplication();
ValueBinding bind = app.createValueBinding(expression);
return bind.getValue(ctx);
public boolean getRendersChildren() {
return true;
public String getFamily() {
return COMPONENT_TYPE;
}

Hi,
you don't mention a JDeveloper version. If you are not on a recent version, can you try one. If it reproduces, please provide steps required for a reproducible test case
Frank

Resizable frames in ADF Faces

Similar Messages

Maybe you are looking for