how to set padding for flex spark panel

Question

I tried using css style to set padding for the panel, but it doesn't work

<fx:Style>
.logo-bar{
    paddingRight: 20px;
}
</fx:Style>
<s:Panel styleName="logo-bar">
    <s:Label>Hello</s:Label>
</s:Panel>

But the same style will work on flex 3 panel, What should I do to set padding for flex 4 panel?

Try right instead of paddingRight: help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/… Also review the panel styles: help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/… — JeffryHouser

flexicious.com flexicious.com · Accepted Answer · 2013-11-12T01:07:13

For spark, padding is set on the layout object.

<s:Panel>
        <s:layout>
            <s:VerticalLayout paddingRight="20"/>
        </s:layout>
</s:Panel>