Link to home
Start Free TrialLog in
Avatar of jeresimpson
jeresimpson

asked on

Flex 3 labels coming out like this "Labe...." So reason for dots

I have several Flex 3 applications that I am trying to scale to meet different resolutions.  I have often noticed that a label will read like this "Labe....."  Even thought that is taking up more space than the label itself would.  And often when I mouse over the label it shows the whole thing.  Does anyone know a fix for this.. It is very unsightly
Avatar of torimar
torimar
Flag of Germany image

If text is too long to fit a fixed width label, it will be truncated. And if the "truncate-to-fit" property of the label is set to 'true', the text will be shortened and 3 dots displayed.
Set this property to 'false' if you don't want the dots.

Avatar of jeresimpson
jeresimpson

ASKER

What tag has this "trucate-to-fit" attribute?  

Thanks!
To be more clear.  I have a viewstack.. inside that viewstack I have canvas's with labels.  I see that the label tag has that attribute.  But I can't use it in <mx:Canvas label="TheLabel" >
I can make it a child tag, but it doesn't seem to show the label.  I must be doing something wrong.
Hi,

label of viewstack and canvas is for showing in containers. For example if its in tabNavigator or show, it will show the label on tabs.

http://www.adobe.com/livedocs/flex/3/langref/mx/core/Container.html#label

http://www.adobe.com/devnet/flex/quickstart/using_containers/

I think you can try using width of the components as 100% to avoid getting "..."
Thank you.  Yes, I am using a viewstack and wanting the labels to populate a linkbar.  All the components associated with the labels are 100% width.  I also have buttons that have this same problem at times.  

I notice this behavior in tabs of a tabnavigator, it often seems needless.
Hi,

Can you post the code?

Thanks,
Vindys
Sample code would include:

<mx:LinkBar    id="MyLinkBar" dataProvider="VS1" fontWeight="bold" themeColor="#80ff80" alpha="1" backgroundAlpha="0" fontSize="12" width="100%" horizontalAlign="center" verticalGap="0" selectionColor="#6FB7FF" textRollOverColor="#0000FF" buttonMode="true" textSelectedColor="#80FF80" color="#ffffff" separatorWidth="0" disabledColor="#80FF80" textAlign="left">
   
</mx:LinkBar>
<mx:ViewStack    id="VS1"   width="100%" height="100%"  fontSize="20"  textAlign="center" historyManagementEnabled="true" borderStyle="none" alpha="1.0" backgroundAlpha="0" backgroundColor="#EAEAEA">

    <mx:Canvas  label="HOME"  ......
ASKER CERTIFIED SOLUTION
Avatar of vindys80
vindys80
Flag of India image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial