GetStyle() of JSF component before render

Hey guys,
I'm hoping this is an easy one, here goes...
For one reason or another, I need to modify the CSS of certain components in a JSF page before it is rendered to the browser. The JSF pages are going to be laid out in Netbeans 6.0 (beta right now) using mostly Woodstock components and will have the 'style' attribute filled in for each component. However, like I said, I want to modify the CSS style value of some components prior to rendering.
Looking through the Javadocs for Woodstock (javadocs are included with plugin) I see that many components do indeed give you access to this attribute ('style'), com.sun.webui.jsf.component.Field.getStyle() returns "CSS style(s) to be applied to the outermost HTML element when this component is rendered" for example.
I figured this would be straight forward enough and attempted to retrieve the style using the prerender() method. Unfortunately, getStyle() returned null. After playing around with it for a while, it appears as though the components do not get these properties set (by the Netbeans attribute) until DURING the renderResponse phase. I say this because I tried setStyle() during prerender() and my changes were ignored. I then went back to Netbeans and removed my 'suggested style', now my setStyle() call during prerender() holds showing that somewhere in the renderResponse phase (after prerender()) the style is being set if one is given.
Obviously making any changes after prerender() [like in afterRenderResponse()] will not cut it.
To sum up:
Even as late in the lifecycle as prerender(), the CSS style attribute of a Woodstock component is not yet set (getStyle() returns null and setStyle() ends up being overwritten). Any suggestions on how to modify the style?
Thanks in advance (and I hope this is an applicable forum),
Sean

Solved:
Once I wrapped my head around the problem I found a much more elegant solution.
What I wanted to do was relatively position page fragments but was having trouble as the Netbeans IDE positions components within fragments absolutely. To make my page dynamic I was taking the style="position: absolute" attribute out of the <div> tag that was holding the <jsp:directive-include>. The components within the fragments were then being positioned absolutely on the resulting page, ending up strewn all over the place. This led me off on the tangent to reposition the components when the page was called (original post above).
The weekend did me well I suppose. I came up with the bright idea to CHANGE the style attribute on the <div> tag rather than remove it. Making the <div> component "position: relative" passed its positioning down the the containing components and now my fragments are displayed correctly while being dynamically repositionable.
Hope this helps anyone coming across the same problem.

Similar Messages

Creating a custom JSF Component

Hi,
I am trying to create a custom JSF Component. My ultimate goal is to pass a bean to my custom component and have the component render some HTML output based on the info contained in the bean. Before I attempt that I am trying to get a simple custom component to just work. This component is based on the tutorial found here: http://www.jsftutorials.net/components/index.html
This tutorial just creates a component that outputs a <div> tag around the body contents of the custom component.
To keep this short I have done the following items from the tutorial link above:
1) I have created the tld file defining the tag class, name, uri and shortname
2) I have also created the tag class called TickerTag.java along with the component class UITicker.java. These classes are straight copy-and-paste jobs from the tutorial link and compile fine.
3)My faces-config.xml file has the proper component definition of
<component>
<component-type>ticker</component-type>
<component-class>ticker.UITicker</component-class>
</component>
This was the easy part. The example then goes on to use the custom component in a JSP page. I managed to get the custom component to work in a JSP page BUT my problem is getting the custom component to work in an XHTML file.
I thought all I had to do was define an xml namespace using the uri from my tld file like so:
Note: My uri is www.fubar.com/tags and is defined in the tld file.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:u="http://www.fubar.com/tags">
I then try to use the tag like so <u:ticker> <f:verbatim>Hello JSF Component</f:verbatim></u:ticker>
I am expecting the following output: <div>Hello JSF Component
</div>
but instead I get
<u:ticker>Hello JSF Component</u:ticker>
It seems the tag is not even processed. This is my first jump into custom components. I have done custom JSP tags in the past but I never tried to display them on an XHTML page.
If you are wondering why I am using XHTML pages, this was setup a while back by a previous developer. Changing everything to a JSP would take a long time and probably break some stuff I am not aware of yet. As such the web.xml file of this JSF web app has the following:
<context-param>
<param-name>javax.faces.DEFAULT_SUFFIX</param-name>
<param-value>.xhtml</param-value>
</context-param>
So all *.jsf files are processed and sent to the corresponding .xhtml file.
I have looked up creating custom components on google and every last example uses their newly created components in a jsp file. No XHTML uses so far.
Below are my tld files and xhtml file if that helps:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN" "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>1.2</jsp-version>
<short-name>u</short-name>
<uri>http://www.fubar.com/tags</uri>
<tag>
<name>ticker</name>
<tag-class>ticker.TickerTag</tag-class>
<body-content>JSP</body-content>
</tag>
</taglib>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:u="http://www.fubar.com/tags">
<html>
<head>
<title>Show Custom Component</title>
</head>
<body>
<f:view>
<u:ticker> <f:verbatim>Hello JSF Component</f:verbatim></u:ticker>
</f:view>
</body>
</html>
Any suggestions/help are much appreciated,
Nick
</div>

Thanks Ray. I'll take a look at that site.
I managed to figure out my problem. I never created a .taglib.xml file that reference the component I defined in the faces-config.xml file. Once I did that everything work perfectly.
I managed to use this forum post as a guide.
http://osdir.com/ml/java.facelets.user/2006-12/msg00042.html
I hope this helps anyone else.
Nick

Access ViewRoot before render response in a PhaseListener

Hi,
I'm trying to access UIComponents just before the render response phase to change some attributes of the UIComponents. Therefor I have created a PhaseListener, which is called before the render response phase. My idea was, to get the ViewRoot and iterate over it to access all UIComponents, but in the beforePhase, the ViewRoot has no children. How can I solve this problem?
Here is my PhaseListener:
public class SecurityPhaseListener implements PhaseListener {
    private static Log log = LogFactory.getLog(SecurityPhaseListener.class);
    public void afterPhase(PhaseEvent pe) {
    public PhaseId getPhaseId() {
        return PhaseId.RENDER_RESPONSE;
    public void beforePhase(PhaseEvent pe) {
        UIViewRoot viewRoot = pe.getFacesContext().getViewRoot();
        System.out.println("before render response " + viewRoot.getChildCount()); // returns 0
        // the following is just sample code for you to get an idea of what i want to do
        // change attributes according permissions
        for (Iterator iter = viewRoot.getChildren().iterator(); iter.hasNext();) {
            UIComponent comp = (UIComponent) iter.next();
            if(comp instanceof HtmlInputText) {
                HtmlInputText htmlInputText = (HtmlInputText) comp;
                htmlInputText.setRendered(false);
}

Morphy wrote:
this means that an initial call has no real life cycle...beforePhase has no component tree, afterPhase is too late.... umpf... can i alter component tree in a specialized ViewHandler?
the ViewHandler api is not deeply documented, which is the best point to hook to address this?You can, but I would use that as the last resort.
A better solution would be to use the binding attribute to get access to the component. If your getter initially returns null, JSF will create the component and then invoke the setter; at that point you can manipulate the component.

How to add properties to a custom JSF component?

Hello, everybody!
I've just developed my first custom JSF component. It's a data pager and it is working pretty well. But now I want to be able to use some of it attributes in my backing beans at runtime. I mean, I want to bind it to component in the JSF page. It already has a binding attribute in the tld file, but I want to be able to accesss two values that the renderer of my custom component calculate inside it, which would relieve me from calculating these values manually in the backing beans. So, I would like to know how to make these values external to the component.
By now this is my custom pager class:
import javax.faces.component.UICommand;
public class UIPaginadorDados extends UICommand
}You can see that it has no logic because all the logic is in the renderer class:
import javax.faces.render.Renderer;
public class PaginadorDadosRenderer extends Renderer
// logic here
}As I said I want to be able to do the following in my backing beans:
private UIPaginadorDados pager = new UIPaginadorDados();
// and later...
pager.getCurrentPage();
pager.getPageCount();In the JSF page:
// I already can do this, because I have a binding attribute
<urca:paginadorDados binding="#{backingBean.pager}" />I suppose that I'll have to create the properties getCurrentPage() and getPageCount() in the component class, UIPaginadorDados, but I don't know how to get the values to the properties from the renderer class. I don't even know if this is how I should do it.
So I would appreciate a lot your help about this subject.
Thank you.
Marcos

Marcos_AntonioPS wrote:
RaymondDeCampo wrote:
I neglected to mention: do not forget to implement the methods in StateHolder to preserve the properties you added to your component.Hello, Raymond. Could you elaborate a little more on that? If you could give a short example, it would be helpful.
MarcosNo problem. I have already found out how.
Thank you very much, Raymond.
Marcos

How to initialize an adf component before a page loads

Hi all
I use JDeveloper 11.1.2.2.0
I have two pages:
first page has a link to a second page
<af:document title="first.jspx" id="d1">
<af:form id="f1">
    <af:commandLink text="Page 2" id="cl1" action="goToSecondPage" actionListener="#{Bean.handleLinkActionEvent}"/>
</af:form>
</af:document>and the second page has an inputText component:
<af:document title="second.jspx" id="d1">
<af:form id="f1">
    <af:inputText label="Text" id="it1" binding="#{Bean.inputText}" readOnly="true"/>
</af:form>
</af:document>First I load first.jspx and than I click the link. This event is handled in handleLinkActionEvent() method, in which I want to set a value to the inputText component of the second page. But I can't do it, because as expected I get NullPointerException.
So the question is how to initialize an adf component before a page loads?
Evgeny Michuk
Edited by: Evgeny Michuk on Oct 4, 2012 11:30 PM

Thanks a lot for your replies and links, it gives me some new knowledges.
I got your approach and achieved the aim for the described situation with tag <f:setPropertyActionListener>:
<af:commandLink text="Page 2" id="cl1" action="goToSecondPage"
                       actionListener="#{Bean.handleLinkActionEvent}" binding="#{Bean.firstPageLink}">
<f:setPropertyActionListener target="#{pageFlowScope.text}" value="Hello, World!"/>
</af:commandLink>and for the inputText component I set the value:
<af:inputText label="Text" id="it1" binding="#{Bean.inputText}"
                              readOnly="true" value="#{pageFlowScope.text}"/>I used request scoped managed bean and it is shared for both pages.
I understand that I can set a value of some attribute for managed bean
and use it to set a value for inputText component of the second page,
but as I understand it is almost the same way as usage of tag <f:setPropertyActionListener>.
In my real situation on the second page I have a dynamic table, and it's field is read only.
Structure of this table depends on a link clicked on the first page.
So I define components for table columns in runtime, it may be outputText, inputDate, goLink and some others.
And I have to get table through the UIComponent binding to set columns.
Certainly I can define all needed components for all columns
and render it according to the column types
<af:table value="#{Bean.collectionModel}" var="row" id="t1" binding="#{Bean.mainTable}">
   <af:forEach items="#{Bean.columnDescriptionList}" var="column">
      <af:column headerText="#{column.caption}" id="c1">
         <af:outputText value="#{row[column.fieldName]}" id="ot1" rendered="#{column.type == '1'}"/>
         <af:inputDate value="#{row[column.fieldName]}" id="ot2" rendered="#{column.type == '2'}"/>
         <af:selectBooleanCheckbox id="sbc1" selected="#{row[column.fieldName] == '1'}" rendered="#{column.type == 'n'}"/>
      </af:column>
   </af:forEach>
</af:table>but I think it is not very good.
Have you any idea?
P.S. I hope I clearly explained my situation =)
Evgeny Michuk

Just extended my first jsf component. but in the right way?

Hi all,
After days of trial and error, i finally managed to code my own JSF component, extending existing infrastructure. Since things just suddenly fell in place during a brute force approach to make it work, i'd like to ask for opinions of seasoned JSF veterans whether this makes sense or there is a better way to do things.
The objective was to be able to render a collection of items as a comma separated list. To this end, I took an existing data iterator UIComponent from richfaces, added a custom renderer -- again extending on richfaces, and hooked things up in 2 config files, as follows:
CsvRenderer.java:
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import org.ajax4jsf.component.UIDataAdaptor;
import org.richfaces.renderkit.AbstractRowsRenderer;
import org.richfaces.renderkit.TableHolder;
/** Renders a richfaces UIDataList component as a comma separated list */
public class CsvRenderer extends AbstractRowsRenderer {
     @Override
     public void encodeOneRow(FacesContext context, TableHolder holder)     throws IOException {
          UIDataAdaptor table = holder.getTable();
          ResponseWriter writer = context.getResponseWriter();
          renderChildren(context, table);
          if(holder.getRowCounter() < table.getRowCount() - 1) {
               writer.write(", ");
     @Override
     protected Class<? extends UIComponent> getComponentClass() {
          return org.richfaces.component.UIDataList.class;
added to faces-config.xml:
<render-kit>
     <render-kit-id>HTML_BASIC</render-kit-id>
     <renderer>
          <component-family>org.richfaces.DataList</component-family>
          <renderer-type>ahui.CsvRenderer</renderer-type>
          <renderer-class>com.b2international.auctionhouse.jsf.ahui.CsvRenderer</renderer-class>
     </renderer>
</render-kit>
added to ahui.taglib.xml:
<tag>
     <tag-name>csv</tag-name>
     <component>
          <component-type>org.richfaces.DataList</component-type>
          <renderer-type>ahui.CsvRenderer</renderer-type>
     </component>
</tag>
cheers,
Greg

Hi all,
After days of trial and error, i finally managed to code my own JSF component, extending existing infrastructure. Since things just suddenly fell in place during a brute force approach to make it work, i'd like to ask for opinions of seasoned JSF veterans whether this makes sense or there is a better way to do things.
The objective was to be able to render a collection of items as a comma separated list. To this end, I took an existing data iterator UIComponent from richfaces, added a custom renderer -- again extending on richfaces, and hooked things up in 2 config files, as follows:
CsvRenderer.java:
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import org.ajax4jsf.component.UIDataAdaptor;
import org.richfaces.renderkit.AbstractRowsRenderer;
import org.richfaces.renderkit.TableHolder;
/** Renders a richfaces UIDataList component as a comma separated list */
public class CsvRenderer extends AbstractRowsRenderer {
     @Override
     public void encodeOneRow(FacesContext context, TableHolder holder)     throws IOException {
          UIDataAdaptor table = holder.getTable();
          ResponseWriter writer = context.getResponseWriter();
          renderChildren(context, table);
          if(holder.getRowCounter() < table.getRowCount() - 1) {
               writer.write(", ");
     @Override
     protected Class<? extends UIComponent> getComponentClass() {
          return org.richfaces.component.UIDataList.class;
added to faces-config.xml:
<render-kit>
     <render-kit-id>HTML_BASIC</render-kit-id>
     <renderer>
          <component-family>org.richfaces.DataList</component-family>
          <renderer-type>ahui.CsvRenderer</renderer-type>
          <renderer-class>com.b2international.auctionhouse.jsf.ahui.CsvRenderer</renderer-class>
     </renderer>
</render-kit>
added to ahui.taglib.xml:
<tag>
     <tag-name>csv</tag-name>
     <component>
          <component-type>org.richfaces.DataList</component-type>
          <renderer-type>ahui.CsvRenderer</renderer-type>
     </component>
</tag>
cheers,
Greg

Custom JSF Component tags ignored after converting to Facelets layout

I am currently using JDeveloper 10.1.3.3.
I have a project consisting of .jspx pages. These pages mainly use components from ADF faces core. I also created my own custom JSF component that I use in several of these pages.
Then, I needed to use Facelets so that I could apply a standard layout to all my .jspx pages. I looked at all the tutorials, and I created a layout.xhtml for my .jspx pages to use. This worked great for my .jspx pages that don't have my custom JSF component.
Now, when I run my page with my custom component <img:newimage ...etc >
the tag is ignored and it appears in the page's source as is when it should render as <img.src=...etc>. Attributes of newimage are changed on the page appropriately like width and height, but my component's tag, component, and servlet java files are never accessed.
How can I fix this? Please help!
Thanks.

Hi,
did you post this issue to the Facelets open source site ? Sounds like an issue with using Facelets
Frank

How to load a class dynamically (via reflection) in a jsf-component

Hi all,
I am writing my own jsf component and I would like to do it generically. Therefore I have an attribute, where the developer can pass a fully qualified classname, which I want to use to instantiate. But I have a Problem with the classloaders, everytime I get a ClassNotFound-Exception during debugging.
Does anybody know how it is possible, to to get the most parent classloader?
Currently I am even not able to load a class, which is in the same package like all other compontent-classes.
Thank you very much in advance
Thomas

Within web applications, I believe it is recommended to use Thread.getContextClassLoader(). Keep in mind that web applications require different classloader semantics than regular Java applications. The class loader which gets resources from the WAR is favored over others, even when this violates the normal class loading conventions.

Adobe Acrobat 8 Professional cannot be launched at this time. You must launch at least one other Suite component before launching Adobe Acrobat 8 Professional. I do exactly this with not positive result.

Adobe Acrobat 8 Professional cannot be launched at this time. You must launch at least one other Suite component before launching Adobe Acrobat 8 Professional. I do exactly this with not positive result.

Hey Sue,
Considering this error, I would suggest you to please refer the KB doc link given below:
Error "Acrobat 8 Professional cannot be launched" | CS3
Hope it helps.
Regards,
Anubha

How can I include a javaScript files from within jsf component

Is there any way using which I can include javascript files from my jsf component. Because otherwise I have to write all the javascript commands using writer.write which is very tedious rather than this I just want to include the javascript file which contains all the functions required. Also I want that this file should be included only once irrespective of the number of components included.
Thanx in advance

This doesn't depend on JSF. You need to include a script tag, like:
<script src="/path/script.js"
language="JavaScript" type="text/javascript"></script>
If you want to include this only once, make a file included into every page, into which you can put other resources to be included along with this script.
HTH,
rs.

How to make Javascript access standard JSF component

Hello all,
I'm in need of a proper javascript code that access standard jsf component.
Like we do for html tags;
if( el.tagName.toLowerCase() != 'select')
I need to do the same thing for a jsf tag i.e; <h:selectOneMenu>. How to make javascript access <h:selectOneMenu> like it does with <select> tag ? Please let me know asap. Extremely sorry if the question is kind of stupid....cause I'm a beginner for JSF environment.
Any sort of help, suggestion or advice would highly be appreciated.
Thanks in advance.

Ummmm, I may be off the beaten path, but by the time your javascript is called the h:selectOneMenu would be a select tag within the dom. You should be able to reference that tag as you normally would.

JSF component inside HTML table -- not rendering properly

I have a HTML table like the one below. In one of those columns (td) I have a JSF component. When I run the app, the JSF component (even if its a simple inputText or panelGrid or panelGroup) is not getting inside the td. Instead, it forms a seperate table after this td.
Code I have:
<table border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>... ..MULTIPLE Td's here - Deleted for simplicity </td>
<td class="topNav">
Blog Directory
</td>
<td>
<img src="./images/top_button_right.gif"/>
</td>
<td class="topNav">
<f:panelGroup>
<h:inputText value="Username"/>
<h:inputSecret value="Password"/>
</f:panelGroup>
</td>
</tr>
</tbody>
</table>
What I expected:
username, passwd field inside the top level HTML table.
What comes: (as a result of running thsi JSF page )
<table> -- Original table
<td> </td> -- -TD that had the inputText - comes empty here
</table>
<table>
<tbody>
<tr>
<td><input type="text" name="_id1:header:EasyHeader:_id4" value="Username" /><input type="password" name="_id1:header:EasyHeader:_id5" value="" /></td>
</tr>
<tr>
<td><table>
I am a newbie to JSF & due to the complexity of the layout & page, I m unable to get rid of the HTML tags totally.
Thanks in advance.
Ganesh

Found the solution to the problem.
wrapped the entire HTML page till the JSF component ( panelGrid) under <f:verbatim>.
something like this
<f:verbatim>
<table>
<tr> <td>...</td>
<td>
</f:verbatim>
<h:panelGrid> ... </h:panelGrid>
<f:verbatim>
</td>
</table>
</f:verbatim>

Can i use one JSF component's value for other component in the same page.

Can i use one JSF component's value for other component in the same page.
For example
I have a <h:selectBooleanCheckbox id="myChk"> in my jsf page, i want to access its value for another component like:
<h:commandButton disabled="#{myChk.checked}" action="myAction" value="myValue" />
** "myChk.checked" >> I am just asuming "checked" property is available...

Bind the checkbox to a UIInput myChk property. Then you can reference this property from the page, e.g.
<h:selectBooleanCheckbox binding="#{myBean.myChk}" onchange="submit();" />
<h:commandButton disabled="#{myBean.myChk.value}" action="myAction" value="myValue" />

Relative positioning of JSF component

Hi,
How can I place a JSF component relative to another component, say I want to place a table below another table whose number of rows may vary.
Thanks,
Bob

Have two differnt tables or use frames and place the controls(tableand button in this case) in different frames.
<table width="100%" height="350"> -outertable
<table .................................................><tr> any number of rows. </tr>-inner table
</table>- - close outer
</tr </table> - close inner
<table> -new table
command button
</table> - close new table

Tutorial on how to create an Ajax-enabled JSF component in Creator?

Is there a tutorial on how to create (not use/import existing) an Ajax-enabled JSF component using Creator 2? I read somewhere that it was done during a presentation in 3 minutes! Now that I really want to see ;-
thanks,
-nikita

As far as I remeber, Edwin Goei's examples are the
closest thing to the info you are looking. He has an
example component, but don't remember if they're
AJAX enabled. Check it on
http://wiki.java.net/bin/view/Javatools/CustomCompone
tLibraries.
Best regards
Antonio.Thanks for the plug. I've been meaning to update that article. Writing an AJAX component is similar to writing other kinds of components but the developer uses AJAX techniques. The latest version of the popup calendar which is checked into the bpcatalog project of java.net uses Dojo which also has some support for AJAX. I haven't yet had time to update the article yet, unfortunately.
-Edwin
http://blogs.sun.com/edwingo/

GetStyle() of JSF component before render

Similar Messages

Maybe you are looking for