Styling the different states on an FxRadioButton control in Flex Gumbo

The following example shows how you can style the various states on a Flex Gumbo FxRadioButton control using a <Style> block.

Full code after the jump.

To use the following code, you must have Flash Player 10 and a Flex Gumbo SDK installed in your Flex Builder 3. For more information on downloading and installing the Gumbo SDK into Flex Builder 3, see “Using the beta Gumbo SDK in Flex Builder 3”.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!--  -->
<Application name="FxRadioButton_statesStyle_fontWeight_test"
        xmlns="http://ns.adobe.com/mxml/2009"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <Style>
        FxRadioButton:upAndSelected,
        FxRadioButton:overAndSelected,
        FxRadioButton:downAndSelected {
            fontWeight: bold;
        }
    </Style>

    <FxRadioButtonGroup id="gr1" />

    <VGroup width="100">
        <FxRadioButton label="One" />
        <FxRadioButton label="Two" />
        <FxRadioButton label="Three" />
        <FxRadioButton label="Four" />
        <FxRadioButton label="Five" />
    </VGroup>

</Application>

This entry is based on a beta version of the Flex Gumbo SDK and therefore is very likely to change as development of the Flex SDK continues. The API can (and will) change causing examples to possibly not compile in newer versions of the Flex Gumbo SDK.

2 thoughts on “Styling the different states on an FxRadioButton control in Flex Gumbo

  1. Hi again Peter!
    I was looking in your posts for something about rsl, but couldnt find anything, I have a question I was hoping you could help me with, and I decided to post it here since I couldnt find anything like it on other posts.

    Heres the thing, I have a backend running with java (spring/struts) and the front being flex.
    Due to bandwidth requirements I have my libraries that i call on runtime, among them, the framework.
    This way, a module is only downloaded once, and it can be used by many other modules.
    Im also using swfobject (javascript) to load the swfs in the jsps, the url here has to be relative, because the app runs on many servers (dev, QA, operation and cob) with different namespaces, and releasing a version for each server simply is out of question (for policies).

    Now some pages are loaded directly by the jsp, here i had a problem the rsl of the framework wouldnt be loaded, and id have an RSL Error on load (basically, it didnt found the framework)
    So i had to put the framework files in the jsp folder, and it worked, however, I have actions that need to validate certain objects on the session and the user profile, and decide wich pages can be loaded, basically they do a forward redirect to the jsp, however, they append the strut namespace given to them. This namespace is only a name I use to isolate the different areas and workflows that exist in the app. However as you may know this namespace is virtual, and is used merely for mapping and display on the url, but it really doesnt exist on the server.

    This however, makes a similar problem to the jsp one, if the framework hasnt been downloaded yet, it wont find the framework and throw a rsl error (this can be avoided if i call one of the pages that load the framework using the jsp route)
    This is because it is looking for the framework in this virtual route. Given the size of the app, (and again policies) I cant create folders for every of this virtual namespaces and put the file there.
    So after all this long story the question is, if there is any way to configure anything to specify the route it should look for framework and other rsl’s or to make it ignore the virtual namespaces the stuts use.

    Wow, now thats a long post.
    Thanks in advance, I really hope you can help me out.
    Regards

    Ps. If you need clarification on any point dont doubt to ask, Ill try to explain the best I can.

  2. I have this tendency to post questions after hours of research only to find my own answers a little later..

    If you put the framework as rsl in the build path option of the Flex IDE.
    Then expand the framewor.swc option to find “RSL URL:” click edit button.
    On link type set RSL, with digests verification.
    Now add path urls, here i did some try/fail testing to see wich option would work, i found out, if i just put the iplanet folder/name of file it would work (first i tried doing reverse domain navigation /../.. but realized the search started from the dns and not from the struts namespace wich i found odd).
    So i just put there /flash/framework_3.0.0.477.swz
    and /flash/framework_3.0.0.477.swf
    (two different items)
    And it worked out.

    Im going to create a blog entry about it sometime, but i post here how i solved this apparently real trivial problem for documentation purposes (because i hate finding questions on the internet for the poster only saying i solved it, thanks anyways, and not telling the solution jeje)

    Thanks again, and sorry for filling your site =P
    Regards.

Comments are closed.