Custom skin for accordion component

Hi,
I need to create an accordion component that looks like following image:
I tried this tutorial: http://blog.flexexamples.com/2009/06/21/creating-a-custom-halo-accordion-header-skin-in-fl ex-4/
I am able to create the background gradient with help of above tutorial.
I have 3 questions now:
How to style the header text?
How to add a link on the active header?
How to add rounded corner for closed state of last heading only?
Any help on this is appreciated.
Best Regards,
Alok Jain

You have to download flexlib.swc file.
Just create custom itemrenderer
<CanvasButtonAccordionHeader
    xmlns="flexlib.containers.accordionClasses.*"
    xmlns:mx="http://www.adobe.com/2006/mxml"
mouseChildren="true"
    verticalScrollPolicy="off" horizontalScrollPolicy="off"
     >
    <mx:Script>
         YOUR SCRIPT HERE
        ]]>
    </mx:Script>
   [YOU CAN CREATE A LINK BUTTON HERE]
</CanvasButtonAccordionHeader>

Similar Messages

Custom skin for FLVPlayback

Hi ..
I am trying to create a custom skin for the FLVPlayback componenet... I was wondering if someone could point me in a direction of a comprehensive tutorial..
Thanks a bunch!!

Hello,
I have been attempting to use this code with the FLVPlayback
component - when tested, the component and placeholder image both
load, but once the user hits the play button I get an error code:
ArgumentError: Error #2025: The supplied DisplayObject must
be a child of the caller.
at flash.display::DisplayObjectContainer/removeChild()
at video_fla::MainTimeline/removePF()
The video still plays, but the placeholder image doesn't get
removed.
This is the actionscript I'm using:
import fl.video.VideoEvent;
var pfContainer:MovieClip = new MovieClip();
myPlayer.addChildAt(pfContainer, 1);
var pf:Loader = new Loader();
pf.load(new URLRequest('slatepf.png'));
pfContainer.addChild(pf);
pfContainer.x = 0;
pfContainer.y = 0;
myPlayer.addEventListener(VideoEvent.PLAYING_STATE_ENTERED,
removePF);
function removePF(e:Event):void{
removeChild(pfContainer);
Any help would be appreciated. Thanks!

Missing Customizing settings for software component ECC-DIMP

Hi all,
While running the T-code IE4n I am getting this error:
Missing Customizing settings for software component ECC-DIMP
This is working fine in IDES ECC 6.0 ,Could u please tell me how to resolve it for my othersystems.
Thanks
Yinyan Lu

Dear Yinyan Lu,
Please, have a look into the SAP note 767108 (IE4N: Problems due to missing notification Customizing)
Solution
To correct this error, implement the correction instructions contained
in this note or import the relevant Support Package.
In packages
o DI in Release 4.6C2
o DIMP in Release 4.71 and higher
o EA-APPL as of Release 4.7 Extension Set 2 and higher
notifications are created when installing and dismantling. In this case,
Customizing must be complete, otherwise errors will occur.
In DI Release 4.6C2 and DIMP Release 4.71 (and higher),
follow the following Customizing path:
Plant Maintenance and Customer Service
    -> Maintenance and Service Processing
      -> Maintenance and Service Notifications
        -> Determine Properties of Notifications for Installing and
Dismantling Parts
Always maintain the notification type for installation and for
dismantling.
Follow the following Customizing path on EA-APPL as of Release 4.7
Extension Set 2 (and higher):
follow the following Customizing path:
Plant Maintenance and Customer Service
    -> Maintenance and Service Processing
      -> Configuration Control
        - > Determine Properties of Notifications for Installing and
           Dismantling Parts.
Always maintain the notification type for installation and for
dismantling.
What must you do if you do not want to use notifications in IE4N?
1. You must always maintain the notification type in accordance with
    Customizing described above.
2. Create an individual, empty implementation for the BADI
    BADI_CCM_NOTIF_GENER. To do this, proceed as follows:
a) Execute transaction SE18.
b) Specify BADI_CCM_NOTIF_GENER as the BADI name.
c) Use the menu <Implementation><create> to create an individual
       implementation with a corresponding name in the Z namespace.
d) You enter the BADI Builder. Name the implementation, and then
       save and activate your implementation. It is important that the
       methods CREATE, FILL_CUST_DATA, MODIFY, SET_HEADER_MESSAGE, and
       PRINT_NOTIF are empty.
Note that these steps are required, since the BADI
    BADI_CCM_NOTIF_GENER is equipped with a default source code that
    includes the use of the notification.
As of ECC600, Note 1368876 replaces error message IEN 126 with error
message IEN 026, which is more precise.
Caution:
o The error message mentioned above indicates that Customizing is
         missing. To correct the problem, you must perform the relevant
         Customizing settings for transaction IE4N.
o As of ECC600, you do not have to activate the DIMP switch (this
         may not be useful).
o For more information, see Note 1368876.
I hope, it helps.
Best regards,
Roland

Writing a custom renderer for the component "af:processTrain" in 10g

Hello,
I have a requirement where we need to customize the way the af:processTrain is rendered. For this, the simpler and the more generic way would be to write a custom renderer for the af:processTrain component. Is there any documentation or examples that could help in accomplishing this as I could not get any relevant examples or documents.
Thanks,
Swapna

Hi,
Thanks for the quick response. Could you please suggest me a way to go about writing your own custom renderers?
Thanks.

Best Practice : Creating Custom Renderer for Standard Component

I've been reading the docs and a few threads about Custom Renderers. The best practice seems to be to create a Custom Component where you need a Custom Renderer. Is this the case?
See [this post|http://forums.sun.com/thread.jspa?forumID=427&threadID=520422]
I've created several Custom Renderers to override the HTML provided by the Standard Components, however I can't see the benefit in also creating a Custom Component when the behaviour of the standard component is just fine.
Thanks,
Damian.

It all depends on what you are trying to accomplish. Generally speaking if all you need is for the user interface output to be changed then a renderer will work just fine. A new component is usually made in order to provide some fundamental change in server side functionality not related to the user interface. - Ponderator

ADF 11g - Issue with Custom Skin for CommandButton & InputNumberSlider.

Hi,
Any Help relative will be greatly appreciated !!!
Currenlty we have an requirement to override the UI Skin of ADF to custom one.
Where the page design has some command button & InputNumberSlider(replace with skin of scroll bar)
FYI, we are working with Integrated Weblogic Server, Jdeveloper Version(Build JDEVADF_MAIN.BOXER_GENERIC_081002.2127.5156)
Following is the JSPX, containing style (CSS) with in
==============================================================================================================================
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:trh="http://myfaces.apache.org/trinidad/html">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<af:document binding="#{backingDisplayImageShell.document1}" id="document1">
<af:form binding="#{backingDisplayImageShell.form1}"
inlineStyle='align:center; background-image:url("img/flex-skin.jpg");background-repeat:repeat;'
id="form1">
<style type="text/css">
@platform window, linux {
@agent ie, gecko {
af|inputNumberSlider::minus-button {
background-image: url('../img/skin/horizontal_scrollbar_arrowUp.gif');
af|inputNumberSlider::plus-button{
background-image: url('../img/skin/horizontal_scrollbar_arrowDown.gif');
af|inputNumberSlider::thumb-icon-style{
background-image : url('../img/skin/horizontal_scrollbar_knobLarge.gif');
af|inputNumberSlider::thumb{
background-image: url('../img/skin/horizontal_scrollbar_knobLarge.gif');
af|inputNumberSlider:vertical::thumb{
background-image: none;
af|inputNumberSlider:vertical::thumb:rtl{
background-image: none;;
af|inputNumberSlider:vertical:disabled::thumb{
background-image: none;
af|inputNumberSlider:vertical:disabled::thumb:rtl{
background-image: none;
af|inputNumberSlider:disabled::minus-button{
background-image: none;;
af|inputNumberSlider:disabled::plus-button{
background-image: none;;
af|inputNumberSlider:disabled::thumb{
background-image: none;
af|inputNumberSlider::minor-tick{
background-image : none;
</style>
<trh:script>goGetShuffled = function(event) { var source =
event.getSource(); AdfCustomEvent.queue( source, "OnImageClick"
, {}, false); event.cancel(); }; /*function hidePopUpWindow(){
hide(); }*/</trh:script>
<af:spacer height="100"/>
<af:panelGroupLayout layout="horizontal" halign="center"
id="panelGroup4CmdButtons"
inlineStyle="width:45%; height:16px; background-color:transparent;"
clientComponent="true">
<af:commandButton text="Download" icon="/img/download.jpg"
inlineStyle='background-image:url("img/skin/commandButton.gif"); background-repeat:no-repeat; border-color:transparent; border-style:none;'/>
<af:commandButton text="Promote" icon="/img/promote.jpg"
inlineStyle='background-image:url("img/skin/commandButton.gif"); background-repeat:no-repeat; border-color:transparent; border-style:none'/>
<af:commandButton text="Delete" icon="/img/delete.jpg"
inlineStyle='background-image:url("img/skin/commandButton.gif"); background-repeat:no-repeat; border-color:transparent; border-style:none'/>
<af:commandButton text="Zoom" icon="/img/zoom.jpg" partialSubmit="true"
immediate="true"
inlineStyle='background-image:url("GlowingButton_disabledSkin.png"); background-repeat:no-repeat; border-color:transparent; border-style:none'></af:commandButton>
<af:commandButton text="Open" icon="/img/open.jpg"
inlineStyle='background-repeat:no-repeat; border-color:transparent; border-style:none'/>
</af:panelGroupLayout>
<af:spacer height="50"/>

<af:panelGroupLayout id="panelGrpScrollBar" layout="horizontal"
halign="center" valign="top"
inlineStyle="width:60%; background-color:transparent;">
<af:commandImageLink icon="img/skin/horizontal_scrollbar_arrowUp.gif"
action="#{backingDisplayImageShell.previousShelf}"/>
<af:inputNumberSlider simple="true" autoSubmit="true" immediate="true"
binding="#{backingDisplayImageShell.inputNumberSlider1}"
id="inputNumberSlider1"
valueChangeListener="#{backingDisplayImageShell.sliderValueChgLstnr}"
minimum="0" maximum="7" minimumIncrement="1"
contentStyle="width:1100px;" rendered="true"
inlineStyle="text-decoration:none; border-color:transparent; border-style:none; border-width:0px; font-size:0%;"/>

<af:commandImageLink action="#{backingDisplayImageShell.nextShelf}"
icon="img/skin/horizontal_scrollbar_arrowUp.gif"/>
<af:commandLink/>
<af:outputText value="0 - 20"
binding="#{backingDisplayImageShell.outputText1}"
noWrap="true" id="outputText1"/>
</af:panelGroupLayout>

</af:form>
</af:document>
</f:view>

</jsp:root>
==============================================================================================================================
Thanks
Rani Velu

With the Skin changes provided in CSS is not been reflected.
Since, it seems to have ADF Skin, but not the custom one.
I tried even using this way as well, but not progress.
<af:inputNumberSlider simple="true" autoSubmit="true" immediate="true" styleClass="af|inputNumberSlider::major-tick { border-color: red; }"
id="inputNumberSlider1" inlineStyle="border-color:transparent; border-style:none"
minimum="0" maximum="7" minimumIncrement="1"
contentStyle="width:100px;" rendered="true"
/>

Create Custom Skins for Mobile Apps | ADC Presents | Adobe TV

Developer Evangelist Piotr Walczyszyn walks you through how to create a custom SkinnableContainer Component for mobile applications using Flex and Flash Builder.
http://adobe.ly/zdSUhM

Piotr, are you Polish? It is a pity that you did not show how to create a background. Can I get the source somewhere? Great movie.

Want to handle event for component defined inside skin for host component

Hi,
Following is how my skinned button looks -
As can be seen, there is a checkbox - which is a part part button skin.
When mouse is over chckbox area and does clicked, I wanted to capture that event for checkbox as target. Objective is to mark checkbox as checked or unchecked when clicked on. I don't want checkbox to change its state when mouse is clicked over other area in button.
Don't know whether it is possible or not. If yes, what is the best way to do it.
Thanks in advance,
Prithveesingh Zankat.

Hello!
I face the same problem with Failed to create delegate for component:
com.sap.tc.webdynpro.services.exceptions.WDRuntimeException: Failed to create delegate for component
XXX.YYY.ZZZ..ume.Ume. (Hint: Is the corresponding DC deployed correctly? Does the DC contain the component?)
Caused by: java.lang.reflect.InvocationTargetException
Caused by: java.lang.NoClassDefFoundError: com.sap.tc.webdynpro.model.webservice.gci.WSTypedModelClass
I think this started after upgrading from 7.01 SP3 to SP5, but I'm not sure.
What was it that solved your issue?
*I found the error. My ProjectProperties.wdProperties did not contain the references it needed.*
Edited by: Richard Linnander on Nov 23, 2009 2:33 PM

Creating a Custom event for my Component

Hi All,
im currently working in a swing component, and i would like to know how to give to my component the ability to react to some user changes.
Basically im creating a DateTime Picker using NetBeans, im able to see any new property justed created on the Property Editor but i would like to know how to add my custom events on the Event Editor as well, i.e:
monthChanged - (when the user just change the month dropdown)
yearChanged - (when the user just change the year box)
dayChanged - (when the user just change the selection day)
Thanks in advance

Thanks, i just found it also here:
http://www.exampledepot.com/egs/java.util/CustEvent.html
i need to define the following class:
- Custom Listener extending the EventListener interface
- Custom Event extending EventObject class
and then finally add the corresponding:
addXXXListener
removeXXXListener
fireXXXEvent
in my component.
This work Great in the NetBeans GUI Builder.
Thanks,

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

Skin for an x220 - Fathead does not have a custom skin

I bought a skin when I ordered my x220, but I now see that fathead does not have a custom skin for this model. Is there another Thinkpad with the same dimensions. Any thoughts on what to do?

The Fathead website now has the X220 up ..
But does anyone have any experience with these stickers? Do they fit the x220 well, with regard to the Lenovo/Thinkpad bezels? Thanks for any feedback on this.

Can you call a public method in a custom skin?

I made a custom skin for a button. In the skin there's a method to change some text. Can I call this method from my application?
I get an error message when I try to call it like a normal object:
uploadNewBtn.setNewPhotosLabel("test");
Error 1061: Call to a possibly undefined method setNewPhotosLabel through a reference with static type spark.components:Button.

You said it yourself, the method is inside skin not the HostComponent (button in your case). Obviously you cannot call it.
There is a skin protperty inside SkinnableComponent, but it is typed as UIComponent so you still cannot cal it on the skin without casting. I don't know your use case, so in theory you either push the text/label from the host towards the skin, or you listen or bind from the skin on the hostcomponent.
C

How to override the renderer for ADF component?

I want to overide the renderer for ADF components, without using <default-render-kit>, I defined every render class. But It does not work.
Always told me: Could not find renderer for CoreOutputText[UIXFacesBeanImpl, id=_id0], rendererType = oracle.adf.Text
How can I config custom renderer for exsiting component or new components?
Thanks a lot!
<render-kit>
<render-kit-id>oracle.adf.core</render-kit-id>
<renderer>
<component-family>oracle.adf.Output</component-family>
<renderer-type>oracle.adf.Formatted</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.OutputFormattedRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Choose</component-family>
<renderer-type>oracle.adf.Date</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.ChooseDateRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Input</component-family>
<renderer-type>oracle.adf.Text</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.InputTextRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.SelectInput</component-family>
<renderer-type>oracle.adf.Date</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.SelectInputDateRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Object</component-family>
<renderer-type>oracle.adf.Separator</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.uinode.UINodeRendererBase</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Command</component-family>
<renderer-type>oracle.adf.Link</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.CommandLinkRenderer</renderer-class>
</renderer>
<renderer>
<component-family>oracle.adf.Panel</component-family>
<renderer-type>oracle.adf.Group</renderer-type>
<renderer-class>oracle.adfinternal.view.faces.renderkit.core.xhtml.PanelGroupRenderer</renderer-class>
</renderer>
</render-kit>

Seems I need override the encodeSelectItem() method.
But not sure which class is the renderer for af:selectManyCheckbox. And how to set below
<component-family>???</component-family>
<renderer-type>???</renderer-type>
Edited by: Leon Zeng on Jul 19, 2012 2:18 PM

SPACES custom skin CSS Class reference ? which css styles do what?

I am creating a custom skin for spaces using the Extend Spaces custom project. I am not able to find which css class names are mapped to which elements of a page in spaces. Inspecting the code does not help since the css class names seem to be autogenerated names and don't really match any names in the example "myskin" or any others I have seen.
Does anyone know of a reference that shows which classes correspond to which elements in spaces?

http://www.oracle.com/technology/products/jdev/htdocs/partners/addins/exchange/jsf/doc/skin-selectors.html
This is an overview of the selectors used in ADF. I think webcenter spaces only uses these. You should be able to skin your webspace using these selectors.

Mouse events ignored in custom skin

I created a custom skin for my spinner. While I managed to get the layout this time, it seems that all mouse click events are ignored.
package ch.sahits.game.javafx.control.skin;
import java.io.InputStream;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ObservableList;
import javafx.event.EventHandler;
import javafx.geometry.Dimension2D;
import javafx.scene.Group;
import javafx.scene.control.TextField;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import ch.sahits.game.javafx.control.OpenPatricianSpinner;
import ch.sahits.game.javafx.control.TextSizingUtility;
import com.sun.javafx.scene.control.skin.SkinBase;
public class OpenPatricianSpinnerSkin extends
        SkinBase<OpenPatricianSpinner, OpenPatricianSpinnerBehavior> {
    private TextSizingUtility sizing = new TextSizingUtility();
    public OpenPatricianSpinnerSkin(final OpenPatricianSpinner spinner) {
        super(spinner, new OpenPatricianSpinnerBehavior(spinner));
        Dimension2D dim4heigth = sizing.calculate(1, spinner.getFont());
        double width = 0;
        for (String word : spinner.getOptions()) {
            Dimension2D dim4width = sizing.calculate(word, spinner.getFont());
            if (dim4width.getWidth() > width) {
                width = dim4width.getWidth();
        Dimension2D dim = new Dimension2D(width, dim4heigth.getHeight());
        String firstValue = "";
        if (!spinner.getOptions().isEmpty()) {
            firstValue = spinner.getOptions().get(0);
            spinner.selectedIndexProperty().set(0);
        HBox hbox = new HBox();
        final TextField textField = new TextField(firstValue);
        textField.getStyleClass().add("openPatricianSpinner");
        textField.setMaxSize(dim.getWidth(), dim.getHeight());
        textField.setEditable(false);
        InputStream is = getClass().getResourceAsStream("SlabUp.png");
        Image img = new Image(is);
        double imgWidth = img.getWidth();
        final ImageView imgViewUp = new ImageView(img);
        is = getClass().getResourceAsStream("SlabDown.png");
        img = new Image(is);
        final ImageView imgViewDown = new ImageView(img);
        double additionalWidth = Math.max(img.getWidth(), imgWidth);
        is = getClass().getResourceAsStream("InputPlank.jpg");
        img = new Image(is,dim.getWidth()+additionalWidth, dim.getHeight(), false, true);
        final ImageView imgViewPlank = new ImageView(img);
        imgViewPlank.onMouseReleasedProperty().addListener(new ChangeListener<EventHandler<? super MouseEvent>>(){
            @Override
            public void changed(ObservableValue<? extends EventHandler<? super MouseEvent>> ov,
                    EventHandler<? super MouseEvent> oldValue,
                    EventHandler<? super MouseEvent> newValue) {
                System.out.println("Clicked on plank");
        Group textGroup = new Group(textField);
        VBox vbox = new VBox();
        vbox.getChildren().addAll(imgViewUp, imgViewDown);
        hbox.getChildren().addAll(textGroup, vbox);
        Group background = new Group(imgViewPlank,hbox);
        imgViewUp.onMouseReleasedProperty().addListener(new ChangeListener<EventHandler<? super MouseEvent>>(){
            @Override
            public void changed(ObservableValue<? extends EventHandler<? super MouseEvent>> ov,
                    EventHandler<? super MouseEvent> oldValue,
                    EventHandler<? super MouseEvent> newValue) {
                ObservableList<String> options = spinner.getOptions();
System.out.println("Clicked on slabUp");
                if (!options.isEmpty()) {
                    if (spinner.getSelectedIndex() > 0) {
                        spinner.selectedIndexProperty().subtract(1);
                        String newDisplayValue = options.get(spinner.getSelectedIndex());
                        textField.setText(newDisplayValue);
                    } else {
                        System.out.println("Selected index <= 0");
                } else {
                    System.out.println("Empty options list");
        }); // end up change listener
        imgViewDown.onMouseReleasedProperty().addListener(new ChangeListener<EventHandler<? super MouseEvent>>(){
            @Override
            public void changed(ObservableValue<? extends EventHandler<? super MouseEvent>> ov,
                    EventHandler<? super MouseEvent> oldValue,
                    EventHandler<? super MouseEvent> newValue) {
                ObservableList<String> options = spinner.getOptions();
System.out.println("Clicked on slabDown");
                if (!options.isEmpty()) {
                    if (spinner.getSelectedIndex() < options.size()) {
                        spinner.selectedIndexProperty().add(1);
                        String newDisplayValue = options.get(spinner.getSelectedIndex());
                        textField.setText(newDisplayValue);
                    } else {
                        System.out.println("Selected index >= options.length");
                } else {
                    System.out.println("Empty options list");
        }); // end up change listener
        onMouseReleasedProperty().addListener(new ChangeListener<EventHandler<? super MouseEvent>>(){
            @Override
            public void changed(ObservableValue<? extends EventHandler<? super MouseEvent>> ov,
                    EventHandler<? super MouseEvent> oldValue,
                    EventHandler<? super MouseEvent> newValue) {
                System.out.println("Clicked on Skin");
        getChildren().add(background);
I would at least expect to see the line 134 printed out. I call this spinner from a simple test application, without any event listeners added there.
Has anyone an idea what might happen here?

Hello, you don't register an event handler, you register a listener on the event handler property. So you don't listen for clicks, you listen for changing the registered click handler. You need to register the handler like this:
imgViewDown.setOnMouseReleased(new EventHandler<MouseEvent>() {
     @Override public void handle(MouseEvent event) {
          // your handler
This way you set the mouse release event handler which will be called on click. This code, by the way, would fire your listeners (the onMouseReleased property has changed).

Custom skin for accordion component

Similar Messages

Maybe you are looking for