Flex Examples
The following example shows how you can indent the title of a Panel control in Flex by setting the titleStyleName style and textIndent style.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/01/14/indenting-a-flex-panel-controls-title/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
.myPanelTitle {
textIndent: 50;
}
</mx:Style>
<mx:Panel title="Lorem ipsum"
titleStyleName="myPanelTitle"
titleIcon="@Embed('assets/images/accept.png')"
width="200">
<mx:Text text="The quick brown fox jumped over the lazy dog."
width="100%" />
</mx:Panel>
</mx:Application>
View source is enabled in the following example.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
Is it possible to indent the title from the right side of the screen if the text is right aligned?
how to control the title text length?..
Hello, Peter
thank you for this post, I’m new to the Flex FW and this post saved me quite alot of property name guessing time :)