<?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: Styling the Flex Alert control</title>
	<atom:link href="http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/</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: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-8525</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Thu, 04 Nov 2010 18:48:46 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-8525</guid>
		<description>@Mark,

This isn&#039;t &lt;em&gt;exactly&lt;/em&gt; the same, but fairly close:
&lt;pre lang=&quot;mxml&quot;&gt;
&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;s:Application name=&quot;Alert_style_test&quot;
        xmlns:fx=&quot;http://ns.adobe.com/mxml/2009&quot;
        xmlns:s=&quot;library://ns.adobe.com/flex/spark&quot;
        xmlns:mx=&quot;library://ns.adobe.com/flex/mx&quot;
        creationComplete=&quot;showAlert();&quot;&gt;
    
    &lt;fx:Script&gt;
        &lt;![CDATA[
            import mx.controls.Alert;
            
            private var a:Alert;
            
            private var message:String = &quot;The quick brown fox jumped over the lazy dog.\n\nThe quick brown fox jumped over the lazy dog.&quot;;
            private var title:String = &quot;The quick brown fox jumped over the lazy dog?&quot;;
            
            private function showAlert():void {
                Alert.yesLabel = &quot;Accept&quot;;
                Alert.noLabel = &quot;Reject&quot;;
                Alert.buttonWidth = 120;
                
                a = Alert.show(
                    message,
                    title,
                    Alert.NO &#124; Alert.YES
                );
                /* Make the Alert form&#039;s text non-selectable. */
                a.mx_internal::alertForm.mx_internal::textField.selectable = false;
            }
        ]]&gt;
    &lt;/fx:Script&gt;
    
    &lt;fx:Style&gt;
        @namespace mx &quot;library://ns.adobe.com/flex/mx&quot;;
        
        @font-face{
            src: url(&quot;C:/windows/fonts/arial.ttf&quot;);
            fontFamily: &quot;Base02&quot;;
            embedAsCFF: false;
        }
        
        mx&#124;Alert {
            titleStyleName: &quot;alertTitle&quot;;
            messageStyleName: &quot;alertMessage&quot;;
            buttonStyleName: &quot;alertButton&quot;;
            cornerRadius: 0;
            fontFamily: Base02;
        }
        
        .alertTitle {
            fontSize: 14;
            color: red;
        }
        
        .alertMessage {
            fontSize: 10;
            fontWeight: normal;
            color: black;
        }
        
        .alertButton {
            fontSize: 11;
            cornerRadius: 10;
            fontWeight: normal;
            textRollOverColor: haloSilver;
            color: red;
            skin: ClassReference(null);
            emphasizedSkin: ClassReference(null);
        }
    &lt;/fx:Style&gt;
    
    &lt;!-- Click to launch Alert control. --&gt;
    &lt;s:Button label=&quot;Launch Alert&quot; click=&quot;showAlert();&quot; /&gt;
    
&lt;/s:Application&gt;
&lt;/pre&gt;

Peter</description>
		<content:encoded><![CDATA[<p>@Mark,</p>
<p>This isn&#8217;t <em>exactly</em> the same, but fairly close:</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;s:Application</span> name=<span style="color: #ff0000;">&quot;Alert_style_test&quot;</span></span>
<span style="color: #000000;">        xmlns:fx=<span style="color: #ff0000;">&quot;http://ns.adobe.com/mxml/2009&quot;</span></span>
<span style="color: #000000;">        xmlns:s=<span style="color: #ff0000;">&quot;library://ns.adobe.com/flex/spark&quot;</span></span>
<span style="color: #000000;">        xmlns:mx=<span style="color: #ff0000;">&quot;library://ns.adobe.com/flex/mx&quot;</span></span>
<span style="color: #000000;">        creationComplete=<span style="color: #ff0000;">&quot;showAlert();&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;fx:Script</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;">&lt;!<span style="color: #66cc66;">&#91;</span>CDATA<span style="color: #66cc66;">&#91;</span></span>
<span style="color: #000000;">            import mx.controls.Alert;</span>
&nbsp;
<span style="color: #000000;">            private var a:Alert;</span>
&nbsp;
<span style="color: #000000;">            private var message:String = <span style="color: #ff0000;">&quot;The quick brown fox jumped over the lazy dog.\n\nThe quick brown fox jumped over the lazy dog.&quot;</span>;</span>
<span style="color: #000000;">            private var title:String = <span style="color: #ff0000;">&quot;The quick brown fox jumped over the lazy dog?&quot;</span>;</span>
&nbsp;
<span style="color: #000000;">            private function showAlert<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:void <span style="color: #66cc66;">&#123;</span></span>
<span style="color: #000000;">                Alert.yesLabel = <span style="color: #ff0000;">&quot;Accept&quot;</span>;</span>
<span style="color: #000000;">                Alert.noLabel = <span style="color: #ff0000;">&quot;Reject&quot;</span>;</span>
<span style="color: #000000;">                Alert.buttonWidth = <span style="color: #cc66cc;">120</span>;</span>
&nbsp;
<span style="color: #000000;">                a = Alert.show<span style="color: #66cc66;">&#40;</span></span>
<span style="color: #000000;">                    message,</span>
<span style="color: #000000;">                    title,</span>
<span style="color: #000000;">                    Alert.NO | Alert.YES</span>
<span style="color: #000000;">                <span style="color: #66cc66;">&#41;</span>;</span>
<span style="color: #000000;">                /* Make the Alert form<span style="color: #ff0000;">'s text non-selectable. */</span>
<span style="color: #000000;">                a.mx_internal::alertForm.mx_internal::textField.selectable = false;</span>
<span style="color: #000000;">            }</span>
<span style="color: #000000;">        ]]&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/fx:Script</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;fx:Style</span><span style="color: #7400FF;">&gt;</span></span>
        @namespace mx &quot;library://ns.adobe.com/flex/mx&quot;;
&nbsp;
        @font-face{
            src: url(&quot;C:/windows/fonts/arial.ttf&quot;);
            fontFamily: &quot;Base02&quot;;
            embedAsCFF: false;
        }
&nbsp;
        mx|Alert {
            titleStyleName: &quot;alertTitle&quot;;
            messageStyleName: &quot;alertMessage&quot;;
            buttonStyleName: &quot;alertButton&quot;;
            cornerRadius: 0;
            fontFamily: Base02;
        }
&nbsp;
        .alertTitle {
            fontSize: 14;
            color: red;
        }
&nbsp;
        .alertMessage {
            fontSize: 10;
            fontWeight: normal;
            color: black;
        }
&nbsp;
        .alertButton {
            fontSize: 11;
            cornerRadius: 10;
            fontWeight: normal;
            textRollOverColor: haloSilver;
            color: red;
            skin: ClassReference(null);
            emphasizedSkin: ClassReference(null);
        }
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/fx:Style</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #808080; font-style: italic;">&lt;!-- Click to launch Alert control. --&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;s:Button</span> label=<span style="color: #ff0000;">&quot;Launch Alert&quot;</span> click=<span style="color: #ff0000;">&quot;showAlert();&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/s:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mark</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-8518</link>
		<dc:creator>Mark</dc:creator>
		<pubDate>Wed, 03 Nov 2010 23:17:20 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-8518</guid>
		<description>Peter,

Would you consider updating this for Flex 4? I cannot get it to work...

thanks</description>
		<content:encoded><![CDATA[<p>Peter,</p>
<p>Would you consider updating this for Flex 4? I cannot get it to work&#8230;</p>
<p>thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: sid</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-8482</link>
		<dc:creator>sid</dc:creator>
		<pubDate>Tue, 26 Oct 2010 05:30:04 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-8482</guid>
		<description>Does anyone has an  idea about &quot;ciacob&#039;s&quot; question? (2 question/replies above this post)
I hav e the same problem.
Any help?
====================
Following is &quot;ciacob&#039;s&quot; problem for ur reference.
--
ciacob May 8, 2009 at 6:14 am
    Hey guys,
    I m making a skin for Flex3. I successfully skinned the Panel component using a PNG asset and the “borderSkin” property. It looks just fine, but the Alert component (which uses the Panel component) displays to a smaller size than it should, so the title, message and button(s) just overlap and everything gets messy.
    By progressively removing CSS directives from the Panel {} declarations block, I isolated the one that it’s causing trouble: it is the “borderSkin” definition itself. Merely setting a “borderSkin” on the Panel component makes the children of an Alert component overlap, due to lack of space.
    Any idea as to why?</description>
		<content:encoded><![CDATA[<p>Does anyone has an  idea about &#8220;ciacob&#8217;s&#8221; question? (2 question/replies above this post)<br />
I hav e the same problem.<br />
Any help?<br />
====================<br />
Following is &#8220;ciacob&#8217;s&#8221; problem for ur reference.<br />
&#8211;<br />
ciacob May 8, 2009 at 6:14 am<br />
    Hey guys,<br />
    I m making a skin for Flex3. I successfully skinned the Panel component using a PNG asset and the “borderSkin” property. It looks just fine, but the Alert component (which uses the Panel component) displays to a smaller size than it should, so the title, message and button(s) just overlap and everything gets messy.<br />
    By progressively removing CSS directives from the Panel {} declarations block, I isolated the one that it’s causing trouble: it is the “borderSkin” definition itself. Merely setting a “borderSkin” on the Panel component makes the children of an Alert component overlap, due to lack of space.<br />
    Any idea as to why?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: A Toyansk</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-7349</link>
		<dc:creator>A Toyansk</dc:creator>
		<pubDate>Thu, 25 Mar 2010 01:14:36 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-7349</guid>
		<description>Hi guys,

How can I include HTML formatted message in my Alert? I&#039;ve tried to use myAlert.mx_internal::alertForm.mx_internal::textField.htmlText=&quot;text here&quot;; or something like this, but the Alert box doesn´t adapt itself according to the text.

Any idea?

Thanks in advance,

AToyansk</description>
		<content:encoded><![CDATA[<p>Hi guys,</p>
<p>How can I include HTML formatted message in my Alert? I&#8217;ve tried to use myAlert.mx_internal::alertForm.mx_internal::textField.htmlText=&#8221;text here&#8221;; or something like this, but the Alert box doesn´t adapt itself according to the text.</p>
<p>Any idea?</p>
<p>Thanks in advance,</p>
<p>AToyansk</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: sachin</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-7039</link>
		<dc:creator>sachin</dc:creator>
		<pubDate>Thu, 18 Feb 2010 06:10:12 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-7039</guid>
		<description>Hi .. all anyone can tell me how to accept input from user through AlertBox, i am trying but m not getting the way .. pls help</description>
		<content:encoded><![CDATA[<p>Hi .. all anyone can tell me how to accept input from user through AlertBox, i am trying but m not getting the way .. pls help</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: ciacob</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-541</link>
		<dc:creator>ciacob</dc:creator>
		<pubDate>Fri, 08 May 2009 13:14:18 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-541</guid>
		<description>Hey guys,

I m making a skin for Flex3. I successfully skinned the Panel component using a PNG asset and the &quot;borderSkin&quot; property. It looks just fine, but the Alert component (which uses the Panel component) displays to a smaller size than it should, so the title, message and button(s) just overlap and everything gets messy.

By progressively removing CSS directives from the Panel {} declarations block, I isolated the one that it&#039;s causing trouble: it is the &quot;borderSkin&quot; definition itself. Merely setting a &quot;borderSkin&quot; on the Panel component makes the children of an Alert component overlap, due to lack of space.

Any idea as to why?

Thanks in advance,
C</description>
		<content:encoded><![CDATA[<p>Hey guys,</p>
<p>I m making a skin for Flex3. I successfully skinned the Panel component using a PNG asset and the &#8220;borderSkin&#8221; property. It looks just fine, but the Alert component (which uses the Panel component) displays to a smaller size than it should, so the title, message and button(s) just overlap and everything gets messy.</p>
<p>By progressively removing CSS directives from the Panel {} declarations block, I isolated the one that it&#8217;s causing trouble: it is the &#8220;borderSkin&#8221; definition itself. Merely setting a &#8220;borderSkin&#8221; on the Panel component makes the children of an Alert component overlap, due to lack of space.</p>
<p>Any idea as to why?</p>
<p>Thanks in advance,<br />
C</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Peter deHaan</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-543</link>
		<dc:creator>Peter deHaan</dc:creator>
		<pubDate>Thu, 30 Apr 2009 15:22:26 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-543</guid>
		<description>Nivaldo,

By reading the docs, of course! :)
http://livedocs.adobe.com/flex/3/langref/mx/controls/Alert.html

Peter</description>
		<content:encoded><![CDATA[<p>Nivaldo,</p>
<p>By reading the docs, of course! :)<br />
<a href="http://livedocs.adobe.com/flex/3/langref/mx/controls/Alert.html" rel="nofollow">http://livedocs.adobe.com/flex/3/langref/mx/controls/Alert.html</a></p>
<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Nivaldo</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-542</link>
		<dc:creator>Nivaldo</dc:creator>
		<pubDate>Thu, 30 Apr 2009 14:50:19 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-542</guid>
		<description>How did you know about all proprerties to Style Alert Class?</description>
		<content:encoded><![CDATA[<p>How did you know about all proprerties to Style Alert Class?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: peterd</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-539</link>
		<dc:creator>peterd</dc:creator>
		<pubDate>Mon, 28 Apr 2008 00:27:47 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-539</guid>
		<description>&lt;a href=&quot;http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-12323&quot; rel=&quot;nofollow&quot;&gt;Ali Tan Ucer&lt;/a&gt;,

Does something like this work for you?
&lt;pre class=&quot;code&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[
            import mx.managers.PopUpManager;
            import mx.controls.Alert;

            private var alert:Alert;

            private function init():void {
                alert = new Alert();
                alert.width = 500;
                alert.height = 400;
                alert.text = lorem;
                PopUpManager.addPopUp(alert, this);
                PopUpManager.centerPopUp(alert);
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:String id=&quot;lorem&quot; source=&quot;lorem.html&quot; /&gt;

    &lt;mx:Button click=&quot;init();&quot; /&gt;

&lt;/mx:Application&gt;
&lt;/pre&gt;

Peter</description>
		<content:encoded><![CDATA[<p><a href="http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-12323" rel="nofollow">Ali Tan Ucer</a>,</p>
<p>Does something like this work for you?</p>
<pre class="code">
&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"&gt;

    &lt;mx:Script&gt;
        &lt;![CDATA[
            import mx.managers.PopUpManager;
            import mx.controls.Alert;

            private var alert:Alert;

            private function init():void {
                alert = new Alert();
                alert.width = 500;
                alert.height = 400;
                alert.text = lorem;
                PopUpManager.addPopUp(alert, this);
                PopUpManager.centerPopUp(alert);
            }
        ]]&gt;
    &lt;/mx:Script&gt;

    &lt;mx:String id="lorem" source="lorem.html" /&gt;

    &lt;mx:Button click="init();" /&gt;

&lt;/mx:Application&gt;
</pre>
<p>Peter</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Ali Tan Ucer</title>
		<link>http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/comment-page-1/#comment-540</link>
		<dc:creator>Ali Tan Ucer</dc:creator>
		<pubDate>Sun, 27 Apr 2008 14:22:59 +0000</pubDate>
		<guid isPermaLink="false">http://blog.flexexamples.com/2007/08/11/styling-the-flex-alert-control/#comment-540</guid>
		<description>How and why we can not be able to resize the Alert popup.
It is set to a certain size and i still couldnt find a way to resize it.
If you use large typeface everything is overlaping. It is just really anoying.</description>
		<content:encoded><![CDATA[<p>How and why we can not be able to resize the Alert popup.<br />
It is set to a certain size and i still couldnt find a way to resize it.<br />
If you use large typeface everything is overlaping. It is just really anoying.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

