Skin calloutButton callout using css

[Carlos Monteiro <un...@gmail.com>]

Has anyone managed to change the callout from calloutButton using css?

Carlos

Re: Skin calloutButton callout using css

[Carlos Monteiro <cm...@wavesolutions.pt>]

Thanks Kevin!

You don't show the BoxyCalloutSkin but I found it here:
Skinning Callout and CalloutButton
<http://blogs.adobe.com/jasonsj/2011/11/skinning-callout-and-calloutbutton.html>

It may be usefull for other users


Os melhores cumprimentos,

[image: ASSINATURA WaveMaps] <http://www.wavemaps.pt>

[image: Inline images 1]

cmonteiro@wavesolutions.pt | www.wavesolutions.pt | 253 824 293

On 7 February 2015 at 00:43, kevin.godell <ke...@gmail.com> wrote:

> I have some calloutbuttons that have their callout defined in the
> calloutcontent like this:
>
> <s:CalloutButton>
>     <s:calloutLayout>
>         <s:VerticalLayout/>
>     </s:calloutLayout>
>     <s:calloutContent>
>         <s:Button label="button 1"/>
>         <s:Button label="button 2"/>
>     </s:calloutContent>
> </s:CalloutButton>
>
> In my css file, I style all of the callouts like this:
>
> s|Callout {
>     skinClass : ClassReference("skins.BoxyCalloutSkin");
>     backgroundColor : #FAFAFA;
>     backgroundAlpha : 1.0;
>     contentBackgroundColor : #FAFAFA;
>     contentBackgroundAlpha : 1.0;
> }
>
> If you create your callout separately instead of using calloutContent, you
> probably could give it an id or stylename and reference it in the css like
> s|Callout#myId or s|Callout.myClass, although I never actually tried to
> style only 1 callout differently than the rest.
>
>
>
> -----
> .
> --
> View this message in context:
> http://apache-flex-users.2333346.n4.nabble.com/Skin-calloutButton-callout-using-css-tp9548p9549.html
> Sent from the Apache Flex Users mailing list archive at Nabble.com.
>

Re: Skin calloutButton callout using css

["kevin.godell" <ke...@gmail.com>]

I have some calloutbuttons that have their callout defined in the
calloutcontent like this:

<s:CalloutButton>
    <s:calloutLayout>
        <s:VerticalLayout/>
    </s:calloutLayout>
    <s:calloutContent>
        <s:Button label="button 1"/>
        <s:Button label="button 2"/>
    </s:calloutContent>
</s:CalloutButton>

In my css file, I style all of the callouts like this:

s|Callout {
    skinClass : ClassReference("skins.BoxyCalloutSkin");
    backgroundColor : #FAFAFA;
    backgroundAlpha : 1.0;
    contentBackgroundColor : #FAFAFA;
    contentBackgroundAlpha : 1.0;
}

If you create your callout separately instead of using calloutContent, you
probably could give it an id or stylename and reference it in the css like
s|Callout#myId or s|Callout.myClass, although I never actually tried to
style only 1 callout differently than the rest.



-----
.
--
View this message in context: http://apache-flex-users.2333346.n4.nabble.com/Skin-calloutButton-callout-using-css-tp9548p9549.html
Sent from the Apache Flex Users mailing list archive at Nabble.com.