Yes, Thank You! I was trying to set the textAlign property
on the TabBar directly. You've reminded me that the TabBar
is a collection of tabs. The CSS approach apparently is
needed to set the style of the children tabs through the
tabStyleName setting.
Thanks, this was a great help!!
Below I've included another version that also works.
Paul Hall
<mx:Style>
.leftTextTab {
textAlign:left;
}
</mx:Style>
<mx:TabBar x="272" y="110" tabStyleName="leftTextTab">
<mx:dataProvider>
<mx:Array>
<mx:Object label="Item 1"/>
<mx:Object label="Item 2"/>
<mx:Object label="Item 3"/>
<mx:Object label="Item 4"/>
<mx:Object label="Item 5"/>
</mx:Array>
</mx:dataProvider>
</mx:TabBar>
<mx:Label x="446" y="140" text="Left Align Specified via CSS"
color="#ffffff"/>
--- In [email protected], "scalenine" <[EMAIL PROTECTED]> wrote:
>
> Interesting. It worked fine on my end. Here's a more thorough
example:
>
> <?xml version="1.0" encoding="utf-8"?>
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
> layout="absolute">
>
> <mx:Style>
>
> .leftTextTabBar {
> firstButtonStyleName:"leftTextTab";
> buttonStyleName:"leftTextTab";
> lastButtonStyleName:"leftTextTab";
>
> firstTabStyleName:"leftTextTab";
> tabStyleName:"leftTextTab";
> lastTabStyleName:"leftTextTab";
> }
>
> .leftTextTab {
> textAlign:left;
> }
>
>
> </mx:Style>
>
> <mx:TabBar x="272" y="31">
> <mx:dataProvider>
> <mx:Array>
> <mx:Object label="Item 1"/>
> <mx:Object label="Item 2"/>
> <mx:Object label="Item 3"/>
> <mx:Object label="Item 4"/>
> <mx:Object label="Item 5"/>
> </mx:Array>
> </mx:dataProvider>
> </mx:TabBar>
>
> <mx:TabBar styleName="leftTextTabBar" x="272" y="110">
> <mx:dataProvider>
> <mx:Array>
> <mx:Object label="Item 1"/>
> <mx:Object label="Item 2"/>
> <mx:Object label="Item 3"/>
> <mx:Object label="Item 4"/>
> <mx:Object label="Item 5"/>
> </mx:Array>
> </mx:dataProvider>
> </mx:TabBar>
> <mx:Label x="459" y="61" text="Alignment Not Specified"
color="#ffffff"/>
> <mx:Label x="446" y="140" text="Left Align Specified via CSS"
> color="#ffffff"/>
>
> </mx:Application>
>
> Hope that helps.
>
> Juan
> scalenine.com
>
> --- In [email protected], "phall121" <phall@> wrote:
> >
> > Great suggestion. I had not thought of this.
> > Unfortunately, though, this didn't work. I applied
> > in a couple of different ways and still no luck.
> > But, again, thanks for the suggestion! It was
> > worth a try.
> >
> > PHall
> >
> >
> > --- In [email protected], "scalenine" <juan@> wrote:
> > >
> > > I know you can set that via styling:
> > >
> > > <mx:Style>
> > > Tab {
> > > textAlign:left;
> > > }
> > >
> > > </mx:Style>
> > >
> > > --- In [email protected], "phall121" <phall@> wrote:
> > > >
> > > > I'm not to get textAlign="left" working on the TabBar
> > > > control. I've searched the archives and find no
> > > > references to this issue.
> > > >
> > > > Is my code flawed in some way that I'm just not catching?
> > > >
> > > > <mx:TabBar direction="vertical"
dataProvider="{vacCAppList}"
> > > > labelField="app" width="300" textAlign="left"
> > > > itemClick="fSelectApp(event)"/>
> > > >
> > > > Has anyone else had this problem? If so, have you found
> > > > a work-around.
> > > >
> > >
> >
>
