Border with custom component

Hi,
How can i create a border with a custom component,
e.g. e JCheckBox?
regards
Olek

Re,
Hm i have found a solution...
http://www.javalobby.org/java/forums/t33048.html
but this is a custom implementation.
Is there a way to implement this via the legacy classes?
Olek

Similar Messages

Dashboar with Custom Component Export to PPT

Hello All
any known issues exporting Xcelsius dashboard with custom component to PPT or PDF?
i have a dashboard with a tree custom component , it works really fine and good into the review
but when i exported to PDF or PPT it doesnt work at all
when i go back and remove the custom component and i export, it works fine in PPT
any clue?
thanks
Amr

well, now its working fine
dunn know whats the reason
but i wanted to know if there is any limitation
just removed the component and added it back
thanks

Flex Print Job not working with custom component

Hi All,
I have to print pages with header, body and footer. So the thought process was to create a custom component fro header, footer and body. Header component is based on Box, Body is a renderer (which will have fix value of items - and will decide the number of possible pages) and footer is again based on Box.
But when i created a simple Custom component like this for header
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx=http://ns.adobe.com/mxml/2009
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Declarations>

</fx:Declarations>
<mx:HBox>      <mx:Label id="testLabel" text="Test Container"/>
</mx:HBox>
</mx:VBox>
Then when i try to add this to FlexPrintJob, and save it as 'xps' to see the print output, i get error message that this file is in use or damaged.
    var myPrintJob:FlexPrintJob = new FlexPrintJob();
if(!myPrintJob.start()){
      return;
var header:Header = new Header();
header.width = myPrintJob.pageWidth;
header.visible = false;
FlexGlobals.topLevelApplication.addChild(panierPrintHeader);
myPrintJob.addObject(header);
myPrintJob.send();
FlexGlobals.topLevelApplication.removeChild(panierPrintHeader);
But this does not work and i get the above mentioned exception. Now when i not use the custom component and just have a label or HBox or anything on stage before the print functionality is invoked, it works fine. And this too haapens only if you have a mxml component, i tried by creating a new Label component using actionscript and then provide the same to the printJob, which did not work either. I need help on this, else i will have to take print functionality to server side(Java) which has some business implications, the reason why i am spending time on flex for printing.
Thanks and Regards,
Jigar
Looks like custom component print is not working fine with flex or i am doing something terribly wrong.
Looking forward for help.

Is there nobody in flex community who can help on this....
Looks like a toothless class that adobe actionscript team has provided, which is not liked across much

How to use standard validator with custom component?

Hi folks!
I've implemented a custom component extending UIInput. My component worked well but now I want to use a standard validator.
How can I use it??
regards,
Steven

Validation is done by UIInput.validate() which is invoked by processValidators().
So, if you don't redefine these inherited methods they will invoke the
corresponding validators.

AddChild Not working in a loop with custom component

Hi,
I have a custom component 'form component'
<?xml version="1.0" encoding="utf-8"?>
<mx:Form xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import flash.net.navigateToURL;
            public var documentName:String;
            public var documentLocation:String;
            public var documentDescription:String;
            public var documentLevel:String;
            private function openLink():void
                var urlRequest:URLRequest=new URLRequest(documentLocation);
                navigateToURL(urlRequest,"_blank");
        ]]>
    </mx:Script>
    <mx:FormItem width="100%" height="100%" paddingRight="10" borderThickness="10">
        <mx:VBox width="100%" cornerRadius="10" borderThickness="2" borderStyle="solid" borderColor="#D5D2D2">
            <mx:ApplicationControlBar width="100%" fillAlphas="[1.0, 0.52]" fillColors="[#FFFFFF, #B3CDD9]">
                <mx:LinkButton id="eachDocumentName" label="Name" click="openLink()" textAlign="left" width="50%" />
                <mx:Label id="eachDocumentLevel" text="Level" textAlign="right" width="50%"/>
            </mx:ApplicationControlBar>
            <mx:Label id="eachDocumentDescription" width="100%" text="Description" paddingTop="5" paddingLeft="10"/>
            <mx:Label height="10" width="100%" />
        </mx:VBox>
    </mx:FormItem>
</mx:Form>
and I Want to add this component inside a VBox for a loop dynamically like
Script Code:
private function showDocuments(event:ResultEvent):void
                var documentList:ArrayCollection=event.result.root.documents.document;
                for(var i:int=0;i<documentList.length;i++)
                    var documentName:String=documentList[i].name.toString();
                    var documentDescription:String=documentList[i].description.toString();
                    var documentLevel:String=documentList[i].level.toString();
                    var documentLocation:String=documentList[i].location.toString();
                    createChildForFilePanel(documentName,documentLevel,documentDescription,documentLocation);
            private function createChildForFilePanel(documentName:String,documentLevel:String,documentDescription:Stri ng,documentLocation:String):void
                    Alert.show("function Called");
                    var documentListing:DocumentListing=new DocumentListing();
                    documentListing.percentWidth=100;
                    documentListing.percentHeight=100;
                    documentListing.eachDocumentName.label=documentName;
                    documentListing.eachDocumentLevel.text=documentLevel;
                    documentListing.eachDocumentDescription.text=documentDescription;
                    documentListing.documentLocation=documentLocation;
                    filePanel.addChild(documentListing);
MX: code
<mx:VBox id="filePanel" label="File Content" width="100%" height="100%" borderThickness="0" >
      </mx:VBox>
This is actually Not working.. Am I doing anything wrong. I have included the component in the namespace..
Thanks In Advance,
Piyush

Its working now. The Solution to it what I found was whatever you are Adding To the Parent Component. The Parent Component should be created in the action script.
Worked for me :-)
Thanks,
Piyush

Help with Custom Component: Ajax and ValueChangeListener

Hello,
I am trying to create a custom component that triggers an update via Ajax. However, I would also like to trigger a ValueChangeListener method from the same component, however I am unsure of how to obtain and trigger the ValueChangeEvent.
The code I have so far in the Phase Listener is:
private void handleAjaxRequest(PhaseEvent event) {
     FacesContext context = event.getFacesContext();
        HttpServletResponse response = (HttpServletResponse)context.getExternalContext().getResponse();
        Object object = context.getExternalContext().getRequest();
        if (!(object instanceof HttpServletRequest)) {
            return;
        HttpServletRequest request = (HttpServletRequest)object;
        HttpSession session = request.getSession();
        String requestType = request.getParameter("jsflotRequestType");
        if (requestType != null && requestType.equalsIgnoreCase("jsflotchartValueChange")) {
             //Trigger valueChangeEvents
             log.info("Handling JSFlot Chart Value Change Event.");
}What I am looking for though, is some information regarding how to obtain the ValueChangeListener from the request/session objects.
The component tag is called like this:
<jsflot:flotChart id="valueTimeChart"
     value="#{chartMbean.chartSeries}"
     valueChangeListener="#{chartMbean.valueChangeListener}"Any help would be greatly appreciated!

The field calculation order was not in the correct order, had a devil of a time figuring out how to get to it, in Acrobat X.
My check boxes for shipping have the same name field but I don't see a tab for export value for the check boxes, and I have no idea how to implement your suggestions for a switch or if statement or what fields to attach them to.
My amatuer attempt at a shipping formula follows, I don't know if I can use a range for event value, or where to put the script, if it is even correct.
if(event.value == "<25.01")
    nShipFee = 06;
else if(event.value == "25.01 - 75")
    nShipFee = 11.50;
else if(event.value == "75.01 - 125")
    nShipFee = 15;
else if(event.value == "125.01 - 200")
    nShipFee = 20;
else if(event.value == "200.01 - 300")
    nShipFee = 25;
else if(event.value == "300.01 - 400")
    nShipFee = 30;
else if(event.value == ">400")
    nShipFee = 50;

DataGrid with Custom Component not showing sub-components

I'm hoping someone can enlighten me on this issue.
I have a datagrid with one column which has an item renderer. It doesn't matter if the "text" data comes from a dataProvider or is static.
If I do the following, only the first label will show up.
<mx:DataGridColumn headerText="Column Title">
     <mx:itemRenderer>
           <mx:Component>
               <mx:VBox>
                    <mx:Label text="{data.data1}" />
                    <mx:Label text="{data.data2}" />
               </mx:VBox>
          </mx:Component>
     </mx:itemRenderer>
</mx:DataGridColumn>
However, if I change the VBox to a HBox both labels will show up.
<mx:DataGridColumn headerText="Column Title">
      <mx:itemRenderer>
            <mx:Component>
                <mx:HBox>
                    <mx:Label text="{data.data1}" />
                     <mx:Label text="{data.data2}" />
                </mx:HBox>
           </mx:Component>
      </mx:itemRenderer>
</mx:DataGridColumn>
I'm using:
Flex Builder 3 Standalone
Version: 3.0.214193
OS: Vista
Any ideas or comments would be appreciated.

Thanks for the reply KomputerMan.com. I've tried changing the dimensions of the VBox and no other labels appeared. Usually, when there is not enough room within the datagrid cell scrollbars will appear - you can experiment with the example below to see what I mean.
As for radiobuttons in a datagrid, here you go. The DataGrid and its dataProvider are constructed in the same way you normally would.
<mx:DataGridColumn headerText="Approve/Deny/Pending" width="170">
    <mx:itemRenderer>
        <mx:Component>
            <mx:HBox height="27" paddingLeft="10">
                <mx:Script>
                    <![CDATA[
                        private function isSelected(s:Object, val:String):Boolean {
                            if ( s.toString() == val) {
                                return true;
                            } else {
                                return false;
                    ]]>
                </mx:Script>
                <mx:RadioButton groupName="approveType"
                    id="approved"
                    label="A"
                    width="33"
                    click="data.status='1'"
                    selected="{isSelected(data.status, '1')}"/>
                <mx:RadioButton groupName="approveType"
                    id="denied"
                    label="D"
                    width="33"
                    click="data.status='2'"
                    selected="{isSelected(data.status, '2')}/>
                <mx:RadioButton groupName="approveType"
                    id="Pending"
                    label="P"
                    width="33"
                    click="data.status='3'"
                    selected="{isSelected(data.status, '3')}/>
            </mx:HBox>
        </mx:Component>
    </mx:itemRenderer>
</mx:DataGridColumn>

Custom Component Easy

Dear Everyone, Anyone, Someone
Please help me with Custom Component. I am finding it very difficult to develop a custom component. Can anybody provide me guidance on the whole procedure of creating a custom component that works perfectly.
Please it's being more then a month.
Hope you do needfull.
Regards,
Ashish Samant

Hi There,
These maybe of use to you. PLease see the section on custom components at for an example.
http://developers.sun.com/jscreator/reference/techart/2/index.jsp
Thanks
K

Custom component with additional tags

Hi. I need to write complicated custom JSF component.
I know how to write simple custom components, and receive String variables from tag attributes e.g.
https://github.com/devalentino/temp/blob/master/src/main/java/net/monopolyclub/components/component/UserData.java
But now I need to write custom component with additional tags (for example like dataTable and column tags).
How can I write such component? How can I receive collections in my component? How can I work with additional tags in my component.
for example I need something like:
<m:chat>
     <m:tab value="#{UserList}" />
     <m:message value="#{MesageMap}" />
</m:chat>
where UserList - Collection with current users and MessageMap is Map with User as key and message as value.

Iam using pt:ptdata.joincurrcommunitydata
here is some code
<pt:ptdata.joincurrcommunitydata pt:id="menutabsjoin" />
<pt:logic.foreach pt:var="temp2" pt:data="menutabsjoin">
<span class="CommunityPage">
<pt:core.html href="$temp2.url" pt:tag="a">
<pt:core.html pt:tag="img" src="$temp2.img" alt="$temp2.title" border="0" align="absmiddle" height="$temp2.imgheight"      width="$temp2.imgwidth" />
                    <pt:logic.value pt:value="$temp2.title" />
                         </pt:core.html>
                         </span>
                         </pt:logic.foreach>
But the URL that is generated is not having the CommunityID, hence it errors out saying object not found.
Any help would be appreciated?
Thanks
kartik

Problem with inputText in my custom component

Hi, I have a custom dataTable component that I'm trying to get to work. It has to be a custom component because dataTable doesn't support rowspan, colspan, multi line headers, and a rendered attribute for rows. The problem is, that when I wrap the column tag inside my row tag then the method for the inputText tag never gets called in the UPDATE_MODEL_VALUES phase.
I'm starting to think that JSF doesn't support 2 levels of tags between the inputText and dataTable. I'm hoping that someone can tell me what I have wrong with my components.
Here is the JSP snippet.
<cjsf:rptTable>
     <cjsf:data id="dataTable1" value="#{allAuthUser.tableRows}" var="myTableRow1">
          <cjsf:row>
               <cjsf:col>
                    <h:inputText id="tableTestFld" value="#{myTableRow1.testFld}" size="5" maxlength="5"/>
               </cjsf:col>
          </cjsf:row>
     </cjsf:data>
</cjsf:rptTable>Here is what it renders. It looks to me like everything renders fine. So I'm guessing that there is something in a component that is causing JSF during the life cycle to not be able to process correctly.
<table>
     <tbody>
          <tr>
               <td><input id="tblmaintForm:body:dataTable1_0:tableTestFld" name="tblmaintForm:body:dataTable1_0:tableTestFld" type="text" value="" maxlength="5" size="5"/></td>
          </tr>
          <tr>
               <td><input id="tblmaintForm:body:dataTable1_1:tableTestFld" name="tblmaintForm:body:dataTable1_1:tableTestFld" type="text" value="" maxlength="5" size="5"/></td>
          </tr>
          <tr>
               <td><input id="tblmaintForm:body:dataTable1_2:tableTestFld" name="tblmaintForm:body:dataTable1_2:tableTestFld" type="text" value="" maxlength="5" size="5"/></td>
          </tr>
     </tbody>
</table>Note: If I leave off the row tag it renders the same way except of course the <tr> and </tr> tags are missing. If I do this, then the backing method for the inputText tag is called and everything works fine. Why doesn't it work with the row tag in place?
Here are the components:
public class UIRptTable extends UIComponentBase {
     public UIRptTable() {
          setRendererType("tblmaint.rptTableRenderer");
     public String getFamily() {
          return "javax.faces.Output";
public class UIRptTableData extends HtmlDataTable {
     public UIRptTableData() {
          setRendererType("tblmaint.rptTableDataRenderer");
     public String getFamily() {
          return "javax.faces.Data";
public class UIRptTableRow extends UIOutput {
     public UIRptTableRow() {
          setRendererType("tblmaint.rptTableRowRenderer");
     public String getFamily() {
          return "javax.faces.Output";
public class UIRptTableCol extends UIColumn {
     public UIRptTableCol() {
          setRendererType("tblmaint.rptTableColRenderer");
     public String getFamily() {
          return "javax.faces.Column";
}Here is part of the faces-config file in case you need it.

<component>
     <component-type>tblmaint.rptTable</component-type>
     <component-class>com.monsanto.ag_it.fieldops.aim.tblmaint.component.UIRptTable</component-class>
</component>
<component>
     <component-type>tblmaint.rptTableData</component-type>
     <component-class>com.monsanto.ag_it.fieldops.aim.tblmaint.component.UIRptTableData</component-class>
</component>
<component>
     <component-type>tblmaint.rptTableRow</component-type>
     <component-class>com.monsanto.ag_it.fieldops.aim.tblmaint.component.UIRptTableRow</component-class>
</component>
<component>
     <component-type>tblmaint.rptTableCol</component-type>
     <component-class>com.monsanto.ag_it.fieldops.aim.tblmaint.component.UIRptTableCol</component-class>
</component>

<render-kit>
     <renderer>
          <component-family>javax.faces.Output</component-family>
          <renderer-type>tblmaint.rptTableRenderer</renderer-type>
          <renderer-class>com.monsanto.ag_it.fieldops.aim.tblmaint.renderer.RptTableRenderer</renderer-class>
     </renderer>
</render-kit>
<render-kit>
     <renderer>
          <component-family>javax.faces.Data</component-family>
          <renderer-type>tblmaint.rptTableDataRenderer</renderer-type>
          <renderer-class>com.monsanto.ag_it.fieldops.aim.tblmaint.renderer.RptTableDataRenderer</renderer-class>
     </renderer>
</render-kit>
<render-kit>
     <renderer>
          <component-family>javax.faces.Output</component-family>
          <renderer-type>tblmaint.rptTableRowRenderer</renderer-type>
          <renderer-class>com.monsanto.ag_it.fieldops.aim.tblmaint.renderer.RptTableRowRenderer</renderer-class>
     </renderer>
</render-kit>
<render-kit>
     <renderer>
          <component-family>javax.faces.Column</component-family>
          <renderer-type>tblmaint.rptTableColRenderer</renderer-type>
          <renderer-class>com.monsanto.ag_it.fieldops.aim.tblmaint.renderer.RptTableColRenderer</renderer-class>
     </renderer>
</render-kit>I sure hope that someone can help me out. Please let me know if you need any additional information.
Thanks,
Ray

Hi, Ray!
1) I was trying to put a button in the column header (for sorting) and I couldn't get that to work. That involved the >colhdr tag. I got that to work but I don't remember the fix. I'll look it up and reply back with that when I can.Dealing the first part of your trouble, you need NOT a custom component.
I have looked through the implementation of RepeaterRenderer, as you advised me, and found that the multi-header possibility is included in the implementation of dataTable control.
The code below is the part of source of repeater.jsp with only change:
<d:data_repeater>  <h:dataTable>
And it works fine.
<h:dataTable id="table"
binding="#{RepeaterBean.data}"
     rows="5"
value="#{RepeaterBean.customers}"
var="customer">
<f:facet name="header">
<h:outputText value="Customer List"/>               <!� First Header row -- >
</f:facet>
<h:column>
<%-- Visible checkbox for selection --%>
<h:selectBooleanCheckbox
id="checked"
binding="#{RepeaterBean.checked}"/>
<%-- Invisible checkbox for "created" flag --%>
<h:selectBooleanCheckbox
id="created"
binding="#{RepeaterBean.created}"
rendered="false"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Account Id"/>               <!�Second Header row -- >
</f:facet>
<h:inputText id="accountId"
binding="#{RepeaterBean.accountId}"
required="true"
size="6"
value="#{customer.accountId}">
</h:inputText>
<h:message for="accountId"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="Customer Name"/>               <!�Second Header row -- >
</f:facet>
<h:inputText id="name"
required="true"
size="50"
value="#{customer.name}">
</h:inputText>
<h:message for="name"/>
</h:column>
<h:column>
<f:facet name="header">                    <!�Second Header row -- >
<h:outputText value="Symbol"/>
</f:facet>
<h:inputText id="symbol"
required="true"
size="6"
value="#{customer.symbol}">
<f:validateLength
maximum="6"
minimum="2"/>
</h:inputText>
<h:message for="symbol"/>
</h:column>
<h:column>
<f:facet name="header">                    <!�Second Header row -- >
<h:outputText value="Total Sales"/>
</f:facet>
<h:outputText id="totalSales"
value="#{customer.totalSales}">
<f:convertNumber
type="currency"/>
</h:outputText>
</h:column>
<h:column>
<f:facet name="header">                    <!�Second Header row -- >
<h:outputText value="Commands"/>
</f:facet>
<h:commandButton id="press"
action="#{RepeaterBean.press}"
immediate="true"
value="#{RepeaterBean.pressLabel}"
type="SUBMIT"/>
<h:commandLink id="click"
action="#{RepeaterBean.click}"
immediate="true">
<h:outputText
value="Click"/>
</h:commandLink>
</h:column>
</h:dataTable>
You may have a look at HTML source to prove that dataTable is already what you need:
<table id="myform:table">
<thead>
<tr><th colspan="6" scope="colgroup">Customer List</th></tr>
<tr>
<th scope="col"></th>
<th scope="col">Account Id</th>
<th scope="col">Customer Name</th>
<th scope="col">Symbol</th>
<th scope="col">Total Sales</th>
<th scope="col">Commands</th>
</tr>
</thead>
<tbody>
2.) The second trouble is still unsettled as previously. Right now I have different task at my job, and I can�t continue investigation of this problem.
But when you find smth., please let me know. I�ll be very grateful.
Regards,
Oleksa Stelmakh

Using itemCreationPolicy with a custom component

I'm working on a project where the users need to be able to have a 'filtered' view of one of the edit dialogs. I'm using view states to control which of the input fields show up for each view. The 'save' logic is the same for both states, so I still need to be able to pull data for the inputs even if they are not currently displayed. I tried setting itemCreationPolicy to immediate with no success. Some of the inputs were getting created but the initial values were not being set. The issue seems to be that the input component (an extended version of DropDownList) defers setting the selected value until the commitProperties() method. Since the inpit isn't actually being shown, the commitProperties() method is never getting called and the value is never being set.
Can anyone suggest a workaround for this issue? The only thing I can think of would be to use includeInLayout and visible to show/hide the inputs, but that is going to get really messy since I would have to apply it to every input and the FormItem components that enclose them.

Jasmin,
Is your class included in the custom component?
Yes, It is a annotated entity class,
When creating sessionFactory it is not loading the class.
i'm using flowing code block for creating sessionFactory,
factory =
new AnnotationConfiguration().addAnnotatedClass(dao.entity.UserEntity.
class).setProperty(
"hibernate.dialect",m_dialect ).setProperty(
"hibernate.connection.driver_class", m_driverClass).setProperty(
"hibernate.connection.url", m_connectionUrl ).setProperty(
"hibernate.connection.username",m_userName).setProperty(
"hibernate.connection.password", m_password).setProperty(
"hibernate.hbm2ddl.auto", m_hbmTodll ).setProperty(
"current_session_context_class",m_contextClass ).configure(resource).buildSessionFactory();
Is the jar referenced in the class patch section of the component.xml?
Yes , I have tried for this approch too , but class is entity class is not loaded.

Help with creating a custom component.

Hi. I have created a really simple custom component called
myComp. It is a simple Canvas 100 pixels x 100 pixels with an Image
control component.
<mx:Canvas>
<mx:Image id="image1">
</mx:Canvas>
After instantiating the component in Main.mxml eg. var
pic1:myComp = new myComp(); I am having a problem setting the
source property of the Image component.
"image1" is the id of mx:Image in the custom compoenent so I
tried pic1.image1.source = "assets/ball.jpg" but I get a run time
error "Error #1009: Cannot access a property or method of a null
object reference".
Don't really know what I am doing wrong.
Any help please!

In your custom component, try adding a bindable public var
which contains the path to your image. Also, set the image.source
to this var.
In your main app, set the var within the <mx:> tags of
the custom component. Since it is a public var, it will show up in
the code hint. You can also now change the image var from the main
app anytime you like using ActionScript code.

Scrolling a custom Component (e.g. JPanel) with overridden paint(Graphic g)

Hi.
I’m creating an application for modelling advanced electrical systems in a house. Until now I have focused on the custom canvas using Java2D to draw my model. I can move the model components around, draw lines between them, and so on.
But now I want to implement a JScrollPane to be able to scroll a large model. I’m currently using a custom JPanel with a complete override of the paint(Graphic g) method.
Screen-shot of what I want to scroll:
http://pchome.grm.hia.no/~aalbre99/ScreenShot.png
Just adding my custom JPanel to a JScrollPane will obviously not work, since the paint(Graphic g) method for the JPanel would not be used any more, since the JScrollPane now has to analyze which components inside the container (JPanel) to paint.
So my question is therefore: How do you scroll a custom Component (e.g. JPanel) where the paint(Graphic g) method is totally overridden.
I believe the I have to paint on a JViewport instructing the JScrollPane my self, but how? Or is there another solution to the problem?
Thanks in advance for any suggestions.
Aleksander.

I�m currently using a custom JPanel with a complete override of the paint(Graphic g) method. Althought this isn't your problem, you should be overriding the paintComponent(..) method, not the paint(..) method.
But now I want to implement a JScrollPane to be able to scroll a large model.When you create a custom component to do custom painting then you are responsible for determining the preferredSize of the component. So, you need to override the getPreferredSize(...) method to return the preferredSize of your component. Then scrolling will happen automatically when the component is added to a scrollPane.

Writing a custom component with multiple fields.

Does anyone have some pointers on writing a custom component that properly handles multiple input fields?
An example usage might be as follows:
Assume the following java classes:
public interface Address {
//... getters/setters for Address.
public class Company{
Address getAddress(){...};
}The tag usage might be something like the following:
<custom:address value="#{myCompanyBean.address}" />
Extending UIComponentBase I can easily render the output and create all the needed input elements. I'm also able to properly retrieve the submitted values in the decode method. But I'm unsure how to handle the "UpdateModelValues" step. Do I simply over-ride processUpdates, or is there more housekeeping to be done?
Thanks.

I'm guessing that doing addChild inside createChildren causes an infinite loop.
Why aren't you just doing this with MXML? it would be a lot simpler.

Stumped with a custom component. Can anyone help?

I'm working on a component that I would like to have 3 dream levels plus limbo.
Oh wait, sorry...I'm mixed up. Though I do feel my issue is equally contrived and at times, frustrating to wrap my head around.
What I REALLY would like, is to make a custom component that does indeed have 3 levels, and I'm having issues with mouseover. My goal, Is to have a menu of several items, each a custom component. When a component is clicked, it "opens" into a similar menu of additional components, which in turn can be hovered over to display an image. That seems to be the easy part.
I have created each second level item (blue), that upon mouseover displays an image (green). I have combined all of those into a single custom component, (red) and made individual states for the overall component that 1) displays ONLY the red button and 2) displays the blue components with the red component disabled.
What I can't figure out is how to make ONLY the (red) item appear for mouseover and click when in the top state. What is happening at the moment is that as far as the browser is concerned, the entire component is the mouseover area. This makes it impossible to put multiple (red) items next to each other.
I've tried making the (blue) and (green) components hidden and/or disabled, but it does not seem to effect the problem. I can't make those items not "accept mouseover" because the (blue) items are in turn supposed to be buttons used to display the end (green) image.
Does anyone know what I can do to solve this problem? I hope I was able to describe the situation well enough. Like I said....it's kind of stupid and contrived.

WELL. After typing that whole deal out, I seem to have come across the solution myself, and it's ridiculously simple, and makes me feel the same for not figuring it out right away.
Much like everything else in Catalyst, the "accepts mouse events" can be changed for the same object in different states. So what you do is uncheck the "accepts..." box for each item while in the top state, and check it once more in the lower states. Also, the "Transparency accepts mouse" needs to be unchecked.
Simple.

Border with custom component

Similar Messages

Maybe you are looking for