<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: Setting styles on individual Flex Accordion headers</title>
	<atom:link href="http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/</link>
	<description>Just a bunch of Adobe Flex Examples</description>
	<lastBuildDate>Sat, 11 Feb 2012 11:51:51 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: David OBrien</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-8488</link>
		<dc:creator>David OBrien</dc:creator>
		<pubDate>Tue, 26 Oct 2010 18:18:55 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-8488</guid>
		<description>Is there a way to create a custom item renderer for the accordion label?

Say if I wanted a string as the label but different colors for different words in the label

like in black Goals: then if they are met have green text beside that or not met red text</description>
		<content:encoded><![CDATA[<p>Is there a way to create a custom item renderer for the accordion label?</p>
<p>Say if I wanted a string as the label but different colors for different words in the label</p>
<p>like in black Goals: then if they are met have green text beside that or not met red text</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Gargantus</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-7739</link>
		<dc:creator>Gargantus</dc:creator>
		<pubDate>Tue, 18 May 2010 13:12:47 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-7739</guid>
		<description>I am having the same problem with header heights i can adjust the heights at run time by creating custom header renderer but i need to make the headers different size (match content) any ideas ??
Great post btw :-)</description>
		<content:encoded><![CDATA[<p>I am having the same problem with header heights i can adjust the heights at run time by creating custom header renderer but i need to make the headers different size (match content) any ideas ??<br />
Great post btw :-)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Anonymous</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-7660</link>
		<dc:creator>Anonymous</dc:creator>
		<pubDate>Sat, 08 May 2010 08:52:45 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-7660</guid>
		<description>Peter,
   Is it possible to have different header heights for each of the header in an Accordion?
   I tried this, it doesnt work : 
   Accordion.getHeaderAt(0).setStyle(&quot;headerheight&quot;, 75);

   Any idea how we can do this?
Regards,
Praveen.G</description>
		<content:encoded><![CDATA[<p>Peter,<br />
   Is it possible to have different header heights for each of the header in an Accordion?<br />
   I tried this, it doesnt work :<br />
   Accordion.getHeaderAt(0).setStyle(&#8220;headerheight&#8221;, 75);</p>
<p>   Any idea how we can do this?<br />
Regards,<br />
Praveen.G</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jilbab</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-7556</link>
		<dc:creator>Jilbab</dc:creator>
		<pubDate>Thu, 22 Apr 2010 09:20:16 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-7556</guid>
		<description>Hy,

I try to add a background image to headers but it doesn&#039;t work... why please ?</description>
		<content:encoded><![CDATA[<p>Hy,</p>
<p>I try to add a background image to headers but it doesn&#8217;t work&#8230; why please ?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-6621</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Thu, 17 Dec 2009 00:51:38 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-6621</guid>
		<description>@luigi,

I&#039;ve never used AJAX/jQuery/&quot;prettyphoto&quot;, but you could try using the ExternalInterface class to call some JavaScript from your Flex app. I think I had a comment/complaint earlier in my blog though about that approach not always working with AJAX though. But it may depend on your specific AJAX framework/implementation/code.

Apart from that, you may be able to create your own similar photo library in Flex using ActionScript 3.0 and the PopUpManager, and a custom Panel and other stuff.

You&#039;d probably have better luck asking on a high volume mailing list like flexcoders and see what other people are using.

Peter</description>
		<content:encoded><![CDATA[<p>@luigi,</p>
<p>I&#8217;ve never used AJAX/jQuery/&#8221;prettyphoto&#8221;, but you could try using the ExternalInterface class to call some JavaScript from your Flex app. I think I had a comment/complaint earlier in my blog though about that approach not always working with AJAX though. But it may depend on your specific AJAX framework/implementation/code.</p>
<p>Apart from that, you may be able to create your own similar photo library in Flex using ActionScript 3.0 and the PopUpManager, and a custom Panel and other stuff.</p>
<p>You&#8217;d probably have better luck asking on a high volume mailing list like flexcoders and see what other people are using.</p>
<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: luigi russo</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-6620</link>
		<dc:creator>luigi russo</dc:creator>
		<pubDate>Wed, 16 Dec 2009 22:32:28 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-6620</guid>
		<description>Hello Peter, 
how are u?
I have a question: Can i use prettyphoto of  jquery in flex?
prettyphoto is very nice, how i can use it in flex? 
Grazie ciaooo</description>
		<content:encoded><![CDATA[<p>Hello Peter,<br />
how are u?<br />
I have a question: Can i use prettyphoto of  jquery in flex?<br />
prettyphoto is very nice, how i can use it in flex?<br />
Grazie ciaooo</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: luigi russo</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-6486</link>
		<dc:creator>luigi russo</dc:creator>
		<pubDate>Sat, 28 Nov 2009 14:04:54 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-6486</guid>
		<description>Grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee PETER 
It works very well 
Thanks Thanks thanks ciaooo</description>
		<content:encoded><![CDATA[<p>Grazieeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee PETER<br />
It works very well<br />
Thanks Thanks thanks ciaooo</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-6476</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Fri, 27 Nov 2009 02:48:39 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-6476</guid>
		<description>@luigi russo,

I&#039;d do something like the example above, except set the &lt;code&gt;skin&lt;/code&gt; style to an embedded image instead of the &lt;code&gt;color&lt;/code&gt; style.
Something similar to the following:
&lt;pre lang=&quot;mxml&quot;&gt;
&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;&gt;
    
    &lt;mx:Script&gt;
        &lt;![CDATA[
            [Embed(&quot;flash_player_10_appicon-tn.gif&quot;)]
            private static const flPlIcon:Class;
            
            [Embed(&quot;fx_appicon-tn.gif&quot;)]
            private static const fxIcon:Class;
            
            private function init():void {
                acc.getHeaderAt(0).setStyle(&quot;skin&quot;, flPlIcon);
                acc.getHeaderAt(1).setStyle(&quot;skin&quot;, fxIcon);
            }
        ]]&gt;
    &lt;/mx:Script&gt;
 
    &lt;mx:Accordion id=&quot;acc&quot; headerHeight=&quot;20&quot; width=&quot;400&quot; height=&quot;300&quot; creationComplete=&quot;init();&quot;&gt;
        &lt;mx:VBox label=&quot;Flash Player&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;
            &lt;mx:Label text=&quot;Adobe Flash Player 10&quot; /&gt;
        &lt;/mx:VBox&gt;
        &lt;mx:VBox label=&quot;Flex&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;
            &lt;mx:Label text=&quot;Adobe Flex&quot; /&gt;
        &lt;/mx:VBox&gt;
    &lt;/mx:Accordion&gt;

&lt;/mx:Application&gt;
&lt;/pre&gt;

Peter</description>
		<content:encoded><![CDATA[<p>@luigi russo,</p>
<p>I&#8217;d do something like the example above, except set the <code>skin</code> style to an embedded image instead of the <code>color</code> style.<br />
Something similar to the following:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #339933;">&lt;mx:Script&gt;</span>
<span style="color: #339933;">        &lt;![CDATA[</span>
<span style="color: #339933;">            [Embed(&quot;flash_player_10_appicon-tn.gif&quot;)]</span>
<span style="color: #339933;">            private static const flPlIcon:Class;</span>
&nbsp;
<span style="color: #339933;">            [Embed(&quot;fx_appicon-tn.gif&quot;)]</span>
<span style="color: #339933;">            private static const fxIcon:Class;</span>
&nbsp;
<span style="color: #339933;">            private function init():void {</span>
<span style="color: #339933;">                acc.getHeaderAt(0).setStyle(&quot;skin&quot;, flPlIcon);</span>
<span style="color: #339933;">                acc.getHeaderAt(1).setStyle(&quot;skin&quot;, fxIcon);</span>
<span style="color: #339933;">            }</span>
<span style="color: #339933;">        ]]&gt;</span>
<span style="color: #339933;">    &lt;/mx:Script&gt;</span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Accordion</span> id=<span style="color: #ff0000;">&quot;acc&quot;</span> headerHeight=<span style="color: #ff0000;">&quot;20&quot;</span> width=<span style="color: #ff0000;">&quot;400&quot;</span> height=<span style="color: #ff0000;">&quot;300&quot;</span> creationComplete=<span style="color: #ff0000;">&quot;init();&quot;</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> label=<span style="color: #ff0000;">&quot;Flash Player&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Adobe Flash Player 10&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> label=<span style="color: #ff0000;">&quot;Flex&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Adobe Flex&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Accordion</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: luigi russo</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-6474</link>
		<dc:creator>luigi russo</dc:creator>
		<pubDate>Thu, 26 Nov 2009 22:55:41 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-6474</guid>
		<description>Accordion sorry for my english</description>
		<content:encoded><![CDATA[<p>Accordion sorry for my english</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: luigi russo</title>
		<link>http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/comment-page-1/#comment-6473</link>
		<dc:creator>luigi russo</dc:creator>
		<pubDate>Thu, 26 Nov 2009 22:54:52 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/10/30/setting-styles-on-individual-flex-accordion-headers/#comment-6473</guid>
		<description>Ciao to everybody...
i have a problem with accordation header, i want use how header an image that is different from the others, one image for one voice of  menu.
How i can customize this accordation menu? i will use horizontal Accordation.
Can we help me?
Ciao, grazieeee</description>
		<content:encoded><![CDATA[<p>Ciao to everybody&#8230;<br />
i have a problem with accordation header, i want use how header an image that is different from the others, one image for one voice of  menu.<br />
How i can customize this accordation menu? i will use horizontal Accordation.<br />
Can we help me?<br />
Ciao, grazieeee</p>
]]></content:encoded>
	</item>
</channel>
</rss>

