Change the styling of the generated html markup in ADF Faces

Dear All,
I just have some question on the generated HTML markup of panelStretchLayout component.
Supposed I have this layout
<af:panelStretchLayout id="cntDiv" dimensionsFrom="children" topHeight="auto"
startWidth="0" endWidth="0">
 <f:facet name="top"/>
 <f:facet name="center"/>
 <f:facet name="bottom"/>
</af:panelStretchLayout>If you look at the generated html markup it will create a div element with below styling
<div id="pt1:cntDiv::t" style="position:relative;overflow:hidden;width:100%"/>
<div id="pt1:cntDiv::c" style="position:relative;overflow:hidden;width:100%"/>
<div id="pt1:cntDiv::b" style="position:relative;overflow:hidden;width:100%"/>My problem is with the overflow:hidden property. Is there a way or configuration to remove or override this property
when the markup is generated?
Use case:
I wanted to use fancy Jquery sliding menu but everything gets messed up because of this css style property.
I know you should not mix up JSF with client side components but I need to use those fancy javascript powered menu's.
Is this possible? If so how?
Thanks
JDEV 11g PS5

Hi there,
You are saying that you want to use mouse-over. But I think you don't want to use that.
I've been working with this, and I got it working. However........ Image this: "you have a table with 10 visible rows. You have some buttons below the table. After you select a row (lets say the third) , you might want to navigate to the details by "pushing" a button.
What will happen with the selected row.......your mouse goes to the button... your mouse has to go over all the rows in the table.... The last row your mouse goes over will be selected.... and these details will be shown. Not the details of the row that you initially selected....
If you still want this..... I might be able to help you.
Luc Bors

Similar Messages

(Inside) is this the only way of specify html markup for attributes in uiXML?

Hi, I could not work out a way other than creating a DataObject to specify html markup in certain attributes, for example the tip attribute.
Is there any other way?
<provider>
<data name="capts:formatted_text">
<method class="oracle.capts.CaptsProvider" method="getDataObject"/>
</data>
</provider>
<inlineMessage prompt="Search" vAlign="middle" data:tip="tip1@capts:formatted_text">
package oracle.capts;
import oracle.cabo.ui.data.DataObject;
import oracle.cabo.ui.RenderingContext;
import oracle.capts.CookieDataObject;
import oracle.capts.SessionAttributeDataObject;
public class CaptsProvider
private static final String CAPTSNAMESPACE = "http://xmlns.oracle.com/capts";
private static final String COOKIEDATAOBJECT_NAME = "cookie";
private static final String SESSIONATTRIBUTEDATAOBJECT_NAME = "session_attribute";
private static final String FORMATTEDTEXTDATAOBJECT_NAME = "formatted_text";
public static DataObject getDataObject(RenderingContext context, String namespace, String name)
* context - the current rendering context
* namespace - the namespace of the requested DataObject
* name - the name of the requested DataObject
if (_CAPTS_NAMESPACE.equals(namespace))
if (name.equals(_COOKIE_DATAOBJECT_NAME))
return new CookieDataObject();
else if (name.equals(_SESSIONATTRIBUTE_DATAOBJECT_NAME))
return new SessionAttributeDataObject();
else if (name.equals(_FORMATTEDTEXT_DATAOBJECT_NAME))
return new FormattedTextDataObject();
return null;
package oracle.capts;
import oracle.cabo.ui.data.DataObject;
import oracle.cabo.ui.RenderingContext;
import oracle.cabo.servlet.BajaContext;
import oracle.cabo.servlet.ui.BajaRenderingContext;
public class FormattedTextDataObject implements DataObject
public Object selectValue(RenderingContext context, Object select)
BajaContext bajaContext = BajaRenderingContext.getBajaContext(context);
String result = "";
if ( ((String)select).equals("tip1") )
result="<html>Use the <tt>%</tt> operator as a wildcard. e.g. Enter <tt>%<tt> to return all rows, or <tt>%ab%<tt> to return rows that for the chosen search attribute contain the string ab.</html>";
return result;

I think there's three things going on here. First, you do not need to put these HTML
strings in DataObjects. You're probably forgetting to escape the strings - uiXML is XML,
and you've got to follow the rules of XML. For example, the following is illegal XML,
not because of anything in UIX, but because it's invalid XML:
<messageTextInput tip="<html>foo</html>" ../>... and must be written as:
<messageTextInput tip="<html>foo</html>" ../>From Java, you only have to follow the Java escaping rules (like \" and \\),
which is why your code only seems to work when you're grabbing the string from
a DataObject.
OK - second thing. There is a new <formattedText> element, and if you want to insert
HTML markup, you can replace a <styledText> with a <formattedText> and it'll do the job.
And - third thing. The "tip" and "message" attributes in UIX contain automatic
support for HTML markup. But you have to let us know when you're using HTML markup,
and the way you do that is by surrounding the string in <html>...</html> - or,
once escaped for XML, <html>...</html>

(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/

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

How to remove extra html markups from adf generated code in webcenter porta

hi!
I am trying to develop navigation in oracle webcenter portal.
My code is generating extra div's for li and a tags. how to remove the extra div's.
code in my template for generating navigation is:
<div id="JS-MainNav " class="menu9 clearfix">
<ul class="jd-menu">

<c:forEach var="node" varStatus="vs"
items="#{navigationContext.currentModel.listModel['startNode=/, includeStartNode=false']}">
<li class="single">

<af:goLink id="gLink" styleClass="menu9two accessible"
destination="#{node.goLinkPrettyUrl}">
<af:outputText value="#{node.title}"/>
</af:goLink>
</li>
<c:if test="${node.selected}">
<c:set value="${node.children}" var="childNodes"
scope="session" />
<ul>

<c:if test="${childNodes ne null}">
<c:set var="childNodes"
value="${navigationContext.currentModel.currentSelection.parent.children}"/>
<c:forEach items="#{childNodes}" var="node">
<li class="fixMenuEN ${node.selected ? 'active' : ''}">

<af:goLink inlineStyle="#{node.selected ? 'font-weight:bold;' : ''}"
id="sub" text="#{node.title}"
destination="#{node.goLinkPrettyUrl}"/>
</li>
</c:forEach>
</c:if>
</ul>

</c:if>
</c:forEach>
</ul>
</div>


What's the HTML result in your browser form this code?

How do I add ADF Faces Core and ADF Faces Html to the component palette?

I have an already made jspx page which I wish to work further on but I can´t choose ADF components from the component palette.
in my older version I added these two lines to the <jsp:root> element when I wanted to make ADF components available.
xmlns:af="http://xmlns.oracle.com/adf/faces"
xmlns:afh="http://xmlns.oracle.com/adf/faces/html"
but in Jdeveloper 11g preview 3 these two lines seem to have no effect.
I tried to see what other jspx pages that contained ADF components in 11g had that my page didn´t and found out that they had the line
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
but when I add this line instead of the other two lines and press install JSP tag library Jdeveloper freezes completely. Can anyone help me get ADF components show up in the component palette in Jdeveloper 11g preview 3?
Message was edited by:
AtlanticViking

Hello,
Jdeveloper 11g uses Trinidad not ADF Faces 10g, to add it, uses the following:
1. Double-click your project to access project properties;
2. Select JSP Tag Libraries;
3. Click Add;
4. Trinidad Component 11-m3
Regards,
~ Simon

Generate HTML report with ANT

Hello,
I'm new to FlexPMD. I have just generated my firsts reports. I try to generate HTML reports.
I browse the documentation, this forum and the web and I find informations to :
- generate documentation with Hudson
- generate documentation with Maven
- generate documentation with XSLT pmd.xml -> html
Ok, I try to keep it simple. So I don't want to use Hudson.
I'm using ANT, and I currently don't want to install/learn Maven.
I'm using FlexUnit with ANT. And It's really simple to generate reports :
<junitreport todir="${report.flexunit.loc}">
 <fileset dir="${report.flexunit.loc}">
 <include name="TEST-*.xml" />
 </fileset>
 <report format="frames" todir="${report.flexunit.loc}/html" />
</junitreport>
I'm really new to FlexPMD, so I don't have currently a big knowledge, but it seems impossible to generate a HTML report just like junitreport. (1 line in an ANT task)
I test the XSLT transformation found on this forum (thread "XSLT pmd.xml -> html"). It's really cool. But it's seems difficult, for example, to extract the wrong code part and add it to the HTML page.
So, what is the simpler solution to generate HTML report just with FlexPMD/ANT ?
Thanks !

Hello,
Currently you generate a PMD report with ANT like this :
<! -- define taskdef -->
< taskdef name="pmd" classname="com.adobe.ac.pmd.ant.FlexPmdAntTask" classpath="${build.pmd.loc}/flex-pmd-ant-task-${flexpmd.version}.jar">
 < classpath>
 < path refid="flexpmd.base" />
 < pathelement location="${build.pmd.loc}/commons-lang-2.4.jar" />
 < pathelement location="${build.pmd.loc}/flex-pmd-core-${flexpmd.version}.jar" />
 < pathelement location="${build.pmd.loc}/flex-pmd-ruleset-api-${flexpmd.version}.jar" />
 < pathelement location="${build.pmd.loc}/flex-pmd-ruleset-${flexpmd.version}.jar" />
 < pathelement location="${build.pmd.loc}/plexus-utils-1.0.2.jar" />
 < /classpath>
< /taskdef>
then generate XML report like this :
< pmd sourceDirectory="${src.loc}" outputDirectory="${report.loc}" ruleSet="${build.pmd.loc}/rules.xml"/>
The XML contains some file nodes :
< file name="/Users/user/workspace/AS3_UTILS/src/utils/align/gridAlignSpaceNumber.as">
 < violation beginline="22" endline="22" begincolumn="0" endcolumn="27" rule="adobe.ac.pmd.rules.naming.TooShortVariable" ruleset="All Flex Rules" package="utils.align" class="gridAlignSpaceNumber.as" externalInfoUrl="" priority="5">This variable name is too short (3 characters minimum, but 1 actually). Detects when a field, local, or parameter has a very short name< /violation>
< /file>
The message is in the text node < violation>TEXT< /violation>
For me, we miss an important part of the message : the portion of the "bad" code.
It could be very usefull if PMD can generate something like this :
< file name="">
 < violation beginline="" endline="" begincolumn="" endcolumn="" rule="" ruleset="" package="" class="gridAlignSpaceNumber.as" externalInfoUrl="" priority="">
 < description>TEXT< /description>
 < code><CDATA[MY CODE
MY CODE
MY CODE]>< /code>
 < /violation>
< /file>
With this, we can generate "full" HTML report with XSLT transform easily.
I understand that it modify the standard XML schema of the output.
So, perharps it could be an option like this :
< pmd fullDescription="true" sourceDirectory="${src.loc}" outputDirectory="${report.loc}" ruleSet="${build.pmd.loc}/rules.xml"/>
What do you think ?
Thanks !

Error in generating HTML output using Central Output Pro Server 5.5

I am getting the following error while generating HTML output using the Output Pro Server. A new printer was created with the Physical Device as "HTML Template Generation - [html]" and added to the Job. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [400](1801) The printer name is invalid. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [3015]Error, unable to open printer. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [3008]Error, unable to get info about device 'PAYMENTADVICEHTM.html' attached to port '<nil>'. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [400](183) Cannot create a file when that file already exists. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [2]Error opening output device/file 'PAYMENTADVICEHTM.html'. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [400](6) The handle is invalid. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [3018]Error ending page on printer. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfmerge: [210]Nothing was printed. 2004/05/07 20:09:53 D:\Program Files\Adobe\Central\Bin\jfserver.exe: [314]Agent exit message: [3018]Error ending page on printer.

If I were to guess, I'd guess that your filename is invalid. How about removing all special characters (spaces, brackets, etc.) from the device name. Also, make sure your form was compiled for HTML.
I haven't actually used the HTML driver, but these are general things you should do if you have trouble with any Central driver.
Regards,
Rob McDougall
Indigo Pacific

ADF generated HTML code performance issue

ADF generated code has lot of unnecessary html tags (when you check in Firebug). browser takes time to load the page . It means performance low.
As a Front end engineer . My aim is to give end user good browsing feeling , he doesn't like to weighting till page loads.
So from end user perspective page should load faster.
Normal Html pages and other applications i have full control over html code.
But in ADF , i don't have full control over all html tags ,which is generated by server dynamically.
So, can anyone suggest how i can improve my page loading performance ?

Anil,
so in real - world terms, what you are saying is that a Ferrari 360 which has a weight of 1,350 kg is slower than a FIAT Panda, which only weights 840 kg. There is a catch to this theory of yours:
1. ADF Faces is based on JavaServer Faces, which is a component based framework for writing web based applications. Renderer classes are used to build the user front end. It is not the intention of JSF to allow application developers - but component developers - to tweak the generated component output. If you want something lean, use the default JSF HTML component set, which comes extremely light (but also with less functionality - like a Fiat Panda)
2. Performance is not alone defined by the HTML downloaded to a client - especially given that static HTML can be cached in browsers and ADF supports page templating for this. There are other factors that play in to this like network bandwidth, latency, query time, business logic execution time, image sizes, CSS and JavaScript
3. The real load in ADF Faces, as in other AJAX frameworks, is JavaScript. Most of the ADF Faces functionality is created dynamically on the client side using JavaScript objects
4. ADF Faces has more complex components than HTML. If you compare a HTML table with the table rendered in ADF, you see a difference in the look and behavior
Btw, here's the tuning guide for ADF: http://download.oracle.com/docs/cd/E21764_01/core.1111/e10108/adf.htm#CIHHGADG . You also may want to test and consider partial page navigation, which speeds up page to page navigation big times.
Frank

MenuBar And MenuTab : impossible to clic on the item of the menus

Hello,
I've got a probleme with my MenuTab and my MenuBar; I've done exactly what is specified in the tutorial of the SRDemo (http://www.oracle.com/webapps/online-help/jdeveloper/10.1.3/state/content/navId.4/navSetId._/vtAnchor.CEGCDCIA/vtTopicFile.adfdevguide%7Cweb_complex~htm/), and my page has a layout with a panelPage. The menuTab (level 0) appears but I can't clic on any item (in the source code of generated html page, there is no link but only simple texte) and the menuBar (level 1) doesn't not appears...
Do I have to add a form in the panelPage (I tried to put <af:form> for my menuTab but the menuBar still doesn't appear...) ? Could someone help me?
Thank you very much, Cécile

Manuconf wrote:
So, my last question on this topic: As the DVD does not include the OS Files (Boot part) why my iMac does not start using the Hard Drive OS files?
1. The hard drive may not have a useable OS on it.
2. Some startup keyboard commands (like command + C) specifically tell the iMac to try to boot from the DVD.
3. The computer can do very little until the OS loads. In fact, it can't even understand how files are stored on the drive until the OS loads & runs. It's called "booting" because it is like 'pulling yourself up with your bootstraps' -- seemingly impossible, since the OS can't run until it is loaded but it can't load until is running.
4. The boot process gets around this by loading successively more capable software: first a tiny little program stored in firmware runs that loads the 'boot loader,' which must be stored in one of a few specific places on the boot drive or the firmware can't find it. The boot loader knows enough about file systems to find more capable software stored on the drive, loads that & transfer control to it. Eventually, the kernel (the most basic part of the OS) is loaded, the kernel extensions are loaded & the hardware is initialized, & the remainder of the OS loads & takes over control of the computer.
5. It is actually a lot more complicated than this, because there are provisions to load pre-configured kernel & extension configurations, to interrupt & modify the process (like with keyboard commands), & even to load entirely different OS's that require different drive schemes.

Unable to find ADF Faces core option in the component palette...

Hai
I am learning ADF framework. Iam going through the ADF developers guide..
When i am layouting a JSF JSP page .. am unable to find the panelPage option...
In the tutorial i read like this
component palette-->ADF Faces core ---> panelPage.
I am unable to find this option...i am using Jdev10.1.3
any one can help me....

What exactly can't you find?
The component palette? It is by default on the right side of JDev.
The ADF Faces Core option? The component palette is by default initiated on HTML Forms (I think). When you click on this, you'll be able to select the desired option.
The PanelPage? When selecting ADF Faces Core as describe above, you should see PanelPage among the possibilities.

Adf faces skin-family change for page or component

I know how to change this by editing adf-faces-config.xml tile. Is it possible to change the skin-family at a page level or for even for an individual component?

You can change the skin at the page level by setting the value of the skin-family property to an expression language:
<adf-faces-config xmlns="http://xmlns.oracle.com/adf/view/faces/config">
<skin-family>#{skinFamily.skinSelection}</skin-family>
</adf-faces-config>
Where skinFamily is a managed bean and skinSelecion can be implemented as follows:
public String getSkinSelection()
FacesContext context = FacesContext.getCurrentInstance();
UIViewRoot viewRoot = context.getViewRoot();
String viewId = viewRoot.getViewId();
System.out.println(viewId);
if ( viewId.startsWith("/blaf/") ) {
skinSelection = "oracle";
else if ( viewId.startsWith("/minimal/") ) {
skinSelection = "minimal";
else if ( viewId.startsWith("/vantive/") ) {
skinSelection = "vantive";
return skinSelection;
If you want to have two components, let's say, two tables, at the same page but with a different style you can accomplish that by using the inline-style tag.
[]'s

JSF 2: h:outputStylesheet is generating twisted markup if out-of-the-box

Mojarra 2.0.2-FCS
Glassfish v3
Primefaces 2.1 + Themes
Hi to all,
This post is somewhat linked to the following previous discussion where I found helpful information for my case:
[JSF 2: <h:outputStylesheet> is generating wrong markup|http://forums.sun.com/thread.jspa?threadID=5437082]
I want to share my experience with <h:outputStylesheet>. Obviously it wasn't appropriate to continue the mention thread so I'm opening a new one. Now I'll include more information and hope to get some comments.
From the post I cited you have this example provided by Marcos_AntonioPS:
<h:outputStylesheet library="css" name="login.css" />JSF 2.0 outputs the following HTML code:
<link type="text/css" rel="stylesheet" href="/solicitacoes/javax.faces.resource/login.css.xhtml?ln=css" />The Faces Servlet is extension mapped (with .xhtml).
At some time JasonLee proposes a syntax like:
<h:outputStylesheet name="css/login.css" />Which will result in the more RESTful-like URL:
<link type="text/css" rel="stylesheet" href="/solicitacoes/javax.faces.resource/css/login.css.xhtml" />Now usually, that CSS file will have images referenced inside. Let's say you use a theme for your site. What will happen to the images?
/solicitacoes/javax.faces.resource/css/images/logo.png.xhtmlWhat is the proposed solution? EL in CSS? This is intrusive for my CSS:
background:url(#{resource['images/logo.png']})The next RESTful step to take will be to use prefix mapped Faces Servlet (like /faces/). I was tipped by the [JSF 2.0 API documentation about javax.faces.application.Resource.getRequestPath()|http://download.oracle.com/docs/cd/E17802_01/j2ee/javaee/javaserverfaces/2.0/docs/api/javax/faces/application/Resource.html#getRequestPath()] which was mentioned in the JavaDoc for h:outputStylesheet.
As a result, CSS theme frameworks (like jQuery) will work without modifications. It'll be like:
<link type="text/css" rel="stylesheet" href="/solicitacoes/faces/javax.faces.resource/css/login.css" />
/solicitacoes/faces/javax.faces.resource/css/images/logo.pngIf we're talking standards compliant and good practices, aren't the library syntax and extension mapped Faces Servlet (the default), getting in the way? Reading any JSF2 tutorial will lead you into using libraries and #{resource} which in my view should be used only in special cases.
On the other hand, I'm wondering if the prefix mapped Faces Servlet that I want to use, will not end up introducing other side effects?
Any comments are welcome. Thank you.

Yeap, that's imperative. The thing is that with resource resolving your logo.png ends up being "renamed" to logo.png.xhtml
With all that said, one would hesitate if the simplest solution is not also the easiest to use:
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/theme/login.css" />

I have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code?

i have 5 html pages that share a common header, footer, and sidebar. how do i use my nav bar to change the content of the body without duplicating a lot of code? thank you!

i inherited the website. It’s for a non-profit and is not very
sophisticated, and neither am I in webdesign. It currently has multiple
pages that are identical except for that body section, so whenever i change
the navigation (in the sidebar) I have to update every html page. I want
to have one basic page, and just call in the different body content based
on the link the user selects from the nav bar. How can i do that using a
script? i am using Dreamweaver.
~ in love and light ~
Jeannie
On Sat, Feb 7, 2015 at 4:07 AM, Ben Pleysier <[email protected]>

Change the styling of the generated html markup in ADF Faces

Similar Messages

Maybe you are looking for