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
jeresimpsonAsked:
Who is Participating?
 
vindys80Commented:
Hi,

I tried with your code in my application and its fine.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white" xmlns:local="*">


    <mx:LinkBar    id="MyLinkBar" dataProvider="myViewStack" 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="myViewStack"   width="100%" height="100%"  fontSize="20"  textAlign="center" 
    	historyManagementEnabled="true" borderStyle="none" alpha="1.0" backgroundAlpha="0" 
    	backgroundColor="#EAEAEA">
            <mx:Canvas label="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" width="100%" height="100%">
                <mx:Label x="10" y="10" text="Contents 1"/>
            </mx:Canvas>
            <mx:Canvas label="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" width="100%" height="100%">
                <mx:Label x="10" y="10" text="Contents 2"/>
            </mx:Canvas>
            <mx:Canvas label="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" width="100%" height="100%">
                <mx:Label x="10" y="10" text="Contents 3"/>
            </mx:Canvas>
        </mx:ViewStack>

</mx:Application>

Open in new window

0
 
torimarCommented:
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.

0
 
jeresimpsonAuthor Commented:
What tag has this "trucate-to-fit" attribute?  

Thanks!
0
Simple Misconfiguration =Network Vulnerability

In this technical webinar, AlgoSec will present several examples of common misconfigurations; including a basic device change, business application connectivity changes, and data center migrations. Learn best practices to protect your business from attack.

 
jeresimpsonAuthor Commented:
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.
0
 
vindys80Commented:
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 "..."
0
 
jeresimpsonAuthor Commented:
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.
0
 
vindys80Commented:
Hi,

Can you post the code?

Thanks,
Vindys
0
 
jeresimpsonAuthor Commented:
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"  ......
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.