Creating a customized copy of an ADF component

Hi,
Is it possible to create a copy of a standard ADF component, and then customize the copy without changing the original?
Using a skin, it is possible to change the look and feel etc. of standard ADF components. But I have a case where I need a customized version of a panel splitter AND an un-customized version, at the same time (on the same page). Any suggestions?
Regards,
Andreas

Hi Arun,
Sorry about the delay.
I'm having some trouble making the style take effect.
I have this in my skin css:
af|panelSplitter.splitterHelp af|panelSplitter::horizontal-collapse-icon {content: url('/faces/images/Help-icon32x32.png');width:25px;height:25px;}
af|panelSplitter.splitterHelp af|panelSplitter::horizontal-restore-icon {content: url('/faces/images/Help-book32x32.png');width:25px;height:25px;}
and, on my page I have:
<af:panelSplitter id="ps2" styleClass="splitterHelp">
<f:facet name="first">
<af:outputText value="Content" id="ot6"/>
</f:facet>
<f:facet name="second">
<af:outputText value="Helptext" id="ot7"/>
</f:facet>
</af:panelSplitter>
But this doesn't work (the splitter is displayed, but unstyled).
I've tried using this syntax in the css file instead:
.splitterHelp af|panelSplitter::horizontal-collapse-icon {content: url('/faces/images/Help-icon32x32.png');width:25px;height:25px;}
.splitterHelp af|panelSplitter::horizontal-restore-icon {content: url('/faces/images/Help-book32x32.png');width:25px;height:25px;}
But this does not work, either.
Lastly, I've tried doing something simpler but similar:
.styleTest af|inputText::content
background-color: InfoBackground;
(just to see if I could get ANY style from my skin to take effect). And this works fine.
The definition of .styleTest seems to me to be very similar to the definition of .splitterHelp. Yet, .styleTest works, and .splitterHelp does not.
Thinking that the problem might be the icon files, I've tried using some of my own icons instead (placed in an image folder in the skin workspace), but this does not seem to make any difference.
Can you (or anyone else) please tell me what I'm doing wrong?
Regards,
Andreas

Similar Messages

Possible to create a custom renderer for rendering standard component ?

This is in context for creating dynamic Data tables. Is it possible to create a custom Renderer for rendering component (standard) without creating a custom component?
namanc

Let's assume you want to create a custom renderer which will be used to render the error-messages (the h:messages tag). The component-family in this case is: javax.faces.Messages, the renderer-type javax.faces.Messages.
Therefor in your application's faces-config.xml add this renderer-statement (inside a render-kit, obviuosly):
<faces-config>

<render-kit>
    <renderer>
      <component-family>javax.faces.Messages</component-family>
      <renderer-type>javax.faces.Messages</renderer-type>
      <renderer-class>my.very.special.MessagesRenderer</renderer-class>
    </renderer>
</render-kit>

</faces-config>The code for MessagesRenderer is very dependent on your needs, therefor I will not post something here. Basically you need to extend javax.faces.render.Renderer. For help in that camp, surf to the online tutorials or get yourself a book (I learned a lot from Kito Mann's "JSF in Action"). Additionally grab the source for Sun's RI AND Myfaces and dig into that java-code. There is a huge learning potential looking at that source-material.
hth
Alexander

Creating a custom component in multisim using *.lib and *.olb files

i have *.lib and *.olb files for a pspice model. which file i have to you while creating a custom component in multisim.

Hello,
Thanks for your question. In order to create simulatable custom components in Multisim you need a SPICE model (Multisim can also understand PSpice Models). The file format for SPICE model can be different according to the manufacturer, for instance: *.cir, *.lib, *.llb. At the end of the day these files are text files that you can open with a text editor, therefore, you can simply copy and paste the model in Multisim.
Here are two good resources on component creation:
Component Creation 101
Creating a Custom Component in NI Multisim
When you reach the step where you need to enter the SPICE model, simply open the *.lib or *.olb file with a text editor, and copy and paste the model.
Hope this helps.
Fernando D.
National Instruments

Calling a method in the Custom ADF component from JSF page

HI.
I have created some custom compoents by extending the core ADF Components. Like i have a ComboBoxDefault component with it's ComboBoxDefaultTag.java and Controls.tld file.
Now my requirement is i want to bind my label to this component from the JSF page. like
<fwcontrols:label binding="#{listComponents.comboBoxDefaultLabel}" id="label1"/>
<fwcontrols:comboBoxDefault binding="#{listComponents.cmbLocales}"
value="en_GB" id="comboBoxDefault" autoSubmit="true" label="label1">
<f:selectItems value="#{listComponents.locales}"/>
</fwcontrols:comboBoxDefault>
In my JSF page the label will have an id, and that id will be specified in the label tag of the component.
In Tag.java file i have overrided the setProperty(FacesBean facesBean). In this method i have bind all my properties. In core JSF the setProperty method is provided with the UIComponent parameter, so i can call my method in component also. Which is not in case of ADF Faces.
My main point is how i can call my method setLabel() which is in ComboBoxDefault.java so that i can set the label.
Thanks in Advance.

Thanks for all your replies. I want this kind of a functionality because Im trying to invove a DC (Child DC) from a Parent DC such that the Child DC's view is displayed onto the view container of the Parent DC. I have embedded using 'interface view of a component instance' in the Parent Window and am able to create the component and set usage though the onPlugDefault of the Child View.
But I observe that when i make a call from the parent, the flow is like this:
1. The wdDoInit of the Child Component Controller gets triggered first.
2. Then the wdDoInit of the Child's <b>VIEW</b> gets triggered
3. and <b>THEN</b> the onPlugDefault of the Child Component Interface View
What I had actually wanted was to Fire onPlugDefault where Im calling a method LoadData(), after which the Child DC's view must be triggered so it can display the fetched data.
What is actually happening is the view gets displayed, but no data is displayed in the view.
Right now I have just given a work around where Im triggering <b>LoadData()</b> of the <b>COmponent COntroller</b> from the <b>wdDoInit</b> of the <b>VIEW</b>.
Is there a better way to do this? I find it strange that I have to load the Data from the view.
Thanks
Jack

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

Create a custom JSF component

Hi,
I want to create a custom JSF component. I've setup a new application containing 2 projects:
- a 'components' project, containing all the custom components
- a 'view' project, to test the created custom components.
There is dependency between the components project and the view project. In the view project, I added the
the Tld, in order to use my components in the project.
From the component palette, I can drop a component onto a .jspx page but after running the page, no output
is printed onto the screen. The HTML source code only contains my 'tag-name' (eg: <ctb:mytag/>)
Am I doing something wrong?
UIComponent:
import java.io.IOException;
import javax.faces.component.UIComponentBase;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
public class BasicComponent extends UIComponentBase {
    public String getFamily() {
        return "BasicComponent";
    public void encodeBegin(FacesContext context) throws IOException {
        ResponseWriter out = context.getResponseWriter();
        out.write("Hello World");
}Tag
import javax.faces.component.UIComponent;
import javax.faces.webapp.UIComponentTag;
public class BasicComponentTag extends UIComponentTag {
    public String getComponentType() {
        return "BasicComponent";
    public String getRendererType() {
        return null;
}Tld entry:
<tag>
    <name>BasicComponent</name>
    <tag-class>BasicComponentTag</tag-class>
    <body-content>JSP</body-content>
</tag>Thanks in advance,
Koen Verhulst

The body tag should be as follows
<bodycontent>JSP</bodycontent>
but the JSP will not work. Here is the file:
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces"
xmlns:afh="http://xmlns.oracle.com/adf/faces/html"
xmlns:cust="http://xmlns.oracle.com/adf/faces/customizable"
xmlns:cf="/WEB_INF/helloWorldLib.tld">
<jsp:output omit-xml-declaration="true" doctype-root-element="HTML"
doctype-system="http://www.w3.org/TR/html4/loose.dtd"
doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN"/>
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1252"/>
<title>List of Values</title>
</head>
<body><h:form>
<cf:jsfhello hellomsg="This is it" />
</h:form></body>
</html>
</f:view>
</jsp:root>
Edited by: bongo2 on Oct 28, 2008 2:58 PM

Creating a custom component

I am creating a custom component that is based on Canvas.
I am trying to add this component as a child of another
component like that:
myCanvas.addChild(myCustomComponent)
addChild function expect ObjectDisplay in its argument and
not a Class. I am little confused. If I am creating a component
that base on Canvas isnt it inherited from ObjectDisplay?
please help.

I actually figure it out. Thank you!!!
here is what I am trying to do.
1. creating component_A based on Canvas
2 in my Application I have Canvas_B
I wanted to add component_A as a child to Canvas_B
solution:
Canvas_B.addChild(new component_A ())

Steps to create a custom Window component?

What steps do I need to take to create a custom Window component? My approach now results in the component being uneditable in design view. What I do is simply select "New > MXML component", base it on spark.components.Window and supply a filename. I tried with a Panel component and that works fine.

Hi,
Step by Step creation of SAP Payroll Funcitons:
1) Follow the menu path
   Human Resources>>Time Management>>Administration>>Tools>>Funtions/Operations
   or transaction PE04. Enter a four digit name for e.g ZIABC, and press the create
   button, enter the description. On creation the system proposes the name of
   the routine use it, or enter a name of your choice by selecting the option 'Self-defined'.
2) During the execution of payroll some tables are filled with wage types and there amounts
   to make these tables available to your routine enter the name of the table for e.g (RT or
   CRT) in the input parameters, and to make the changes done to the data in the tables
   avaiable to the payroll enter the name of the table in the Output parameters as well.
   Input Parameters
   Ctry                                         Num     Object Name
   99                                           1       RT
   99                                           2       CRT
and same shall be done in the Output Paramters if required.
3) Create an include in the program PCBURZ990 (using Transaction:
SE38), in which create a subroutine with the name supplied by SAP or the
name selected by you during Funtion creation,
in our case, it is FUZIABC.
Note: The program PCBURZ990 is in SAP Namespace, so an Access Key
will be required before you can proceed. But it will not be overwritten during any upgrade.
*Example of the subroutine
   FORM FUZIABC.
*enter the code
   ENDFORM.
4) After this activate the program the Funtion and add it in the schema used for payroll processing.
Reward points if helpful.
Regards,
Manoj.

Error in Creating Custom Business Methods using ADF Business Comp. Tutorial

I've been working with Jdev 10g Preview for a while. Now that we have Jdev 10g, I have to unlearn some of the Preview methods and learn the "real" way of doing things. To that end, I went out to the "Creating Custom Business Methods using ADF Business Components" tutorial. Unfortunately, I've found what I think is a mistake in the example code.
Specifially, ADF treats the default iterator on View Objects differently than previous BC4J versions. In the older versions, the iterator was positioned before the first row when you first executed a query. In that case, the hasNext() method was used to see if you had any rows at all. In ADF, however, the default iterator is positioned at the first row. So, if your query only returns one row, then the hasNext() method returns false!
Here's the code posted in the tutorial:
public Number getDeptSalaryTotal(String dept_id)
// get a department view object
DepartmentsViewImpl dept = getDepartmentsView1();
dept.setWhereClause("DEPARTMENT_ID = " + dept_id);
dept.executeQuery();
dept.first();
EmployeesViewImpl emps = getEmployeesView3();
Number salaryTotal = new Number(0);
while (emps.hasNext() )
Row empsRow = emps.next();
salaryTotal =
salaryTotal.add((Number)(empsRow.getAttribute("Salary")));
return salaryTotal;
As you can see, this is coded using the pre-10g semantics. It checks hasNext() at the top of the while loop. If there is only one Employee in the Department, hasNext() will return false since the emps View Object will already be positioned at the first and only row. There won't be a next row. So, the salaryTotal will be zero instead of the correct value. Alternatively, if there is more than one row, then hasNext() will be true, but the routine will skip the first row and start totalling salaries from the second row on.
The routine should be recoded as follows:
public Number getDeptSalaryTotal(String dept_id)
// get a department view object
DepartmentsViewImpl dept = getDepartmentsView1();
dept.setWhereClause("DEPARTMENT_ID = " + dept_id);
dept.executeQuery();
dept.first();
EmployeesViewImpl emps = getEmployeesView3();
Number salaryTotal = new Number(0);
Row empsRow = emps.first(); // Get the first row
while (empsRow != null ) // while we have a row
salaryTotal =
salaryTotal.add((Number)(empsRow.getAttribute("Salary"))); // add in the salary
empsRow = emps.next(); // get the next row
return salaryTotal;
I haven't actually executed this code, so there may be a typo or two in there. However, the basic idea is sound -- I think!
Please update the tutorial so we don't mislead people right at the start! :-)

Gary:
I have two questions for you:
1) Could you post the preferred code here?
2) Why is it the preferred method? I would think that creating and destroying another object (the temporary iterator) would be a bad thing.

Create complex custom component

Hi everyone!
I'm trying to create my own custom component in JSF. However I have several questions :
- It is not mandatory to create a renderer class, right ? the component can draw itself ?
- How can I create a custom component which would have several "values" inside ? for example let us supppose I want to create a custom JSF component to enter a IBAN. The IBAN is divided into several parts : BBAN, country code, key, Bank adresse,... but any tutorial I've found explain how to create a input component with only one simple value (for example the classical "CreditCardInputComponent").
Josselin

Hi,
did you find a solution for your "composite" component problem?
I am also trying to create a custom component that contains several standard jsf components such as HtmlCommandLink and HtmlInputText.
I build all the standard components within my component programmatically using things like:
HtmlCommandLink link = (HtmlCommandLink) application.createComponent(HtmlCommandLink.COMPONENT_TYPE);
Also at the beginning of the encodeBegin I clear all children from my custom component using getChildren().clear()
and rerender the component based on my new internal model which I updated during the previous decoding of my component.
As a simple jsf custom tag it works ok, however, I am facing deep problems with action events as soon as I use the component within a jsf HtmlDataTable tag.
Am I missing something here?
Any ideas? Help is really really appreciated. This different behavior in different contexts is slowly but constantly driving me nuts.
cheers
hans

Help,Help me!   I want to create a custom component

The first, I'm a chinese,my English is very poor.Maybe I make so many mistakes.so
I say sorry for you.
I want to create a custom component so I research the Java.awt.Component .but I don't understand that the class has a method-------dispatchEvent(AWTEvent e).I want to know what invoke this method and when invoke?
thank u

I believe ( believe mind you )
that the method:
public final void dispatchEvent(AWTEvent e)
Dispatches an event to this component or one of its sub components. Calls processEvent before returning for 1.1-style events which have been enabled for
the Component.
Parameters: e - the event
Is used to send an Event message to This component from another
like :
Say you have 'MyComponent1' sending Events to MyComponent2
AWTEvent e = new AWTEvent( blah whatever.......);
MyComponent2.dispatchEvent( e );
and then the Event Handlers on MyComponent2 if any will recieve 'e'
You Probably don't need to modify this behaviour
I assume you are doing something like
public class TestComponent extends Component
private int MySpecialExtraValue;
public TestComponent()
     super(); // like : new Component()
     MySpecialValue = 5; // Just an example
// Override a Method in Component just as an example.
public String getName()
   String S = "I am a Custom Component";
    return S;
//Another override example
public void repaint()
     System.out.println("repaint() was called");
     super.repaint(); // use the original Component Method
     // blah do own stuff
}Override any methods that you need to get the required behaviour that you want...
I hope this is a help........

Is Creating a Custom Component and Custom UIComponent are same in Flex ??

Hi ,
I am getting confusion in the terminology of words with respect to Custom Components .
Please let me know whether Creating a Custom Component and Custom UIComponent are same in Flex ??
Because i have created some Custom Components based on Form Container based on my business screens .
Does they both Custom Component and Custom UIComponent mean the same ??
Please tell me .
Thanks in advance

There seems to be a little confusion here. Think of it this way:
A basic UIComponent by itself is not visible; you can add something you can see to it to make a visual custom component. For example, a ComboBox component is a UIComponent with a ComboBox added to it.
The UIComponent is the lightest weight component available from which you can create other components. I use it as the base for custom components that the user cannot see, like a data manager.
HTH,
Carlos

Customizing ADF component rendering

Hi,
I'm trying to override some ADF component rendering in order to provide some clients with a simple application appearance. To do so, in faces-config.xml:
<pre>
<render-kit>
<render-kit-id>oracle.adf.core</render-kit-id>
<renderer>
<component-family>oracle.adf.Panel</component-family>
<renderer-type>oracle.adf.Page</renderer-type>
<renderer-class>com.mycompany.web.faces.renderer.MyPanelPage</renderer-class>
</renderer>
</render-kit>
</pre>
I define MyPanelPage class that extends javax.faces.render.Renderer class. I override encodeBegin, encodeEnd, encodeChildren and getRendersChildren methods and it works fine. However, I run into a problem when I want to make the renderer work "in default mode" (the way it ussually works) under certain condition. I suppose that there might be a special render class used by "oracle.adf.core" render kit to render panelPage component, which determines the location of every facet. Anybody know which is this class.
Thanks in advance.
Luis Serrano.

Hi,
check PageLayoutRenderer
Frank

Creating a new DC in existing software component

Hi,
I am trying to create new DC in a software component that is custom developed.
You can consider this as a totally build product and I want to extend the features implementing new DC.
I am able to import the development components, and when I try to create a new DC in the configuraition pool, I am anot able to select the vendor from the Vendor dropdown.
Can some one explain how to do this?
Is it possible to keep the software component as is, but copy the same to a custom namespace (with new vendor name newvendor.com) and create a dc in it. This way i can change the sc as is and make changes on new SC.
Please suggest.
Thanks and regards,
Chinnu

Hi Satya,
Thankyou for quick response.
I did not create any namespace prefixes in SLD.
Can you give me some clarity about name spaces? I am not very clear about the same.
About the SC i am trying to modify, it is not SAP deliverd SC, instead created under custom vendor name and I am able to import the DCs and hopefully check in the same.
Also, after seeing your reply, I checked for any available namespaces in SLD, and all I can see is sap.com/home etc., which are owned by SAP.
Do I have to create a new namespace with the vendor name to create new DCs?
Also, I get this error message when trying to create a new DC:
Syntax of 'sap.com/home/NewDC' is not valid: Name suffix must be spelled lower case: home/NewDC
Please suggest.
Thanks and regards,
Chinnu
Edited by: Chinnu on Aug 14, 2009 10:06 AM

Creating a custom view in WEB UI

Hi Experts,
There is a requirement to create a custom view having few fields of oppurtunity.
Please let me know which is better way of achieving;
1. Copying the standard SAP oppurtunity view of component BP_BPBT.
2. Creating a new custom view with user-defined fields.
This view should be displayed in assignment block of accounts.
Though the SAP standard oppurtunity view is available in BP_HEAD, it is not allowing to display the standard view again in our assignment block.
Could you please let me know the steps to follow for achieving this task. (any of 2 ways)
Regards,
Santosh

Hi Santosh,
You have to place the following code in WD_USAGE_INITIALIZE:
WHEN 'ZBP_BPBT'.
          CALL METHOD iv_usage->bind_context_node
            EXPORTING
              iv_controller_type = cl_bsp_wd_controller=>co_type_component
              iv_name             = iv_usage->usage_name
              iv_target_node_name = 'PARTNER'    " Node of the MAIN component
              iv_node_2_bind      = 'PARTNER'.   " Node of the embedded component
            CALL METHOD iv_usage->bind_context_node
              EXPORTING
                iv_controller_type = cl_bsp_wd_controller=>co_type_component
                iv_target_node_name = 'BUTTONSAVE'    " Node of the MAIN component
                iv_node_2_bind      = 'BUTTONSAVE'.   " Node of the embedded component
And if you want to access the component controller from a view, you can access it by 'me->COMP_CONTROLLER'.
If you are in component controller class, it is just 'me'
Regards
Leon

Creating a customized copy of an ADF component

Similar Messages

Maybe you are looking for