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: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/core/UIComponent.html#style:right Also review the panel styles: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Panel.html#commonstyleSummary — JeffryHouser, Nov 10 '13 at 12:01

score 0 · Answer 1 · answered Nov 12 '13 at 01:07

0

For spark, padding is set on the layout object.

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

answered Nov 12 '13 at 01:07

flexicious.com

1 Answers1