The code blocks were the default <pre> blocks for the Redoable WordPress theme. You can download the theme from http://www.deanjrobinson.com/wordpress/redoable/ and view the CSS code.

Peter

I found it strange when my changes were reflected in Flex Builder and not on my compiled swf..

By the way, am i right to say that (for Flex 3) all headerStyles are inherited from my header renderer, whether default(Button) or not?

Glad you asked. If you head over to the Flex 3 Beta LiveDocs, you can either check out the Accordion page which will note whether a method, property, or style is deprecated, or there is a super-handy “List of deprecated elements“ appendix which lists all deprecated items on a single page.

Oh, and to answer your question, if you want to specify Accordion header leftPadding [in Flex 3], you can use something like the following:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical">

    <mx:Style>
        .accHeader {
            paddingLeft: 130; /* pixels */
        }
    </mx:Style>

    <mx:Accordion headerStyleName="accHeader"
            width="100%"
            height="100%">
        <mx:VBox label="One" />
        <mx:VBox label="Two" />
        <mx:VBox label="Three" />
        <mx:VBox label="Four" />
    </mx:Accordion>

</mx:Application>

For more information, see Customizing the Accordion header in Flex 3.

Hope that helps,

Peter

How can one find the deprecated styles for the header Style? i realised that paddingLeft does not register when i specify it in my header style.

I almost thought that it was a bug when i see it being reflected on my Flex Builder. Or am i wrong?

Interesting, are you using Flex 201 or Flex 3 Beta?

Peter

I haven’t tried either technique (yet), but I’m sure you could either extend the AccordionHeader class (in the mx.containers.accordionClasses package — see Flex 3 Beta LiveDocs) and add whatever functionality you want, or possibly create a custom renderer of sorts.

You can find one example of the latter method (custom renderer) over at jlafferty’s blog “Using a headerRenderer for an Accordion“.

Sorry,
Peter