The following example shows how you can set the font weight of a label on LinkBar control and ToggleButton control in Flex by setting the linkButtonStyleName style and buttonStyleName style respectively.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/01/14/setting-a-labels-font-weight-on-a-flex-linkbar-and-togglebuttonbar-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
.myCustomLinkButtonStyleName {
fontWeight: normal;
}
.myCustomButtonStyleName {
fontWeight: normal;
}
</mx:Style>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
</mx:Array>
<mx:LinkBar id="linkBar"
dataProvider="{arr}"
linkButtonStyleName="myCustomLinkButtonStyleName" />
<mx:ToggleButtonBar id="toggleButtonBar"
dataProvider="{arr}"
buttonStyleName="myCustomButtonStyleName" />
</mx:Application>
View source is enabled in the following example.
Or, you can set the styles a bit more globally by using the following snippet:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/01/14/setting-a-labels-font-weight-on-a-flex-linkbar-and-togglebuttonbar-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
LinkBar {
linkButtonStyleName: regularFontWeight;
}
ToggleButtonBar {
buttonStyleName: regularFontWeight;
}
.regularFontWeight {
fontWeight: normal;
}
</mx:Style>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
</mx:Array>
<mx:LinkBar id="linkBar"
dataProvider="{arr}" />
<mx:ToggleButtonBar id="toggleButtonBar"
dataProvider="{arr}" />
</mx:Application>
View source is enabled in the following example.





0 Responses to “Setting a label's font weight on a Flex LinkBar and ToggleButtonBar control”
Leave a Reply