Comments on: Displaying item tool tips in a Flex ComboBox control http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/ Just a bunch of Adobe Flex Examples Sat, 11 Feb 2012 11:51:51 +0000 hourly 1 By: Adriano http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-9603 Adriano Fri, 16 Sep 2011 17:08:24 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-9603 Saudações Sr. Peter Seus códigos tem sido de extrema ajuda Obrigado! Saudações Sr. Peter

Seus códigos tem sido de extrema ajuda

Obrigado!

]]> By: devesh http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-9123 devesh Mon, 11 Apr 2011 13:31:15 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-9123 Hi, I need to use tooltip long name of clients, but in my case i need to implement multiple checkbox also. So i am using different itemRenderer of my own. Now i want to ask you how can i implement this feature of tool tip in my code. <code> <code> Hi,
I need to use tooltip long name of clients, but in my case i need to implement multiple checkbox also. So i am using different itemRenderer of my own. Now i want to ask you how can i implement this feature of tool tip in my code.

]]> By: devesh http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-9122 devesh Mon, 11 Apr 2011 13:30:19 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-9122 Hi, I need to use tooltip long name of clients, but in my case i need to implement multiple checkbox also. So i am using different itemRenderer of my own. Now i want to ask you how can i implement this feature of tool tip in my code. Hi,
I need to use tooltip long name of clients, but in my case i need to implement multiple checkbox also. So i am using different itemRenderer of my own. Now i want to ask you how can i implement this feature of tool tip in my code.

]]> By: Vanessa http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-8321 Vanessa Mon, 13 Sep 2010 15:37:27 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-8321 So simple, yet works like a charm... Thanks! I was thinking of doing it the long way i.e. listening for change and calling a function to set the tool tip etc. You saved me a lot of time. So simple, yet works like a charm… Thanks! I was thinking of doing it the long way i.e. listening for change and calling a function to set the tool tip etc. You saved me a lot of time.

]]> By: Sabeerdeen http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-8054 Sabeerdeen Fri, 02 Jul 2010 07:29:58 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-8054 Hi.. help me to find the solution for my problem datagrid column should be embed with an image along with the datafield and if datafield length exceeds then tool tip should come if length not exceeded theree should not be tooltip.. Hi.. help me to find the solution for my problem
datagrid column should be embed with an image along with the datafield and if datafield length exceeds then tool tip should come if length not exceeded theree should not be tooltip..

]]> By: Peter deHaan http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-7999 Peter deHaan Thu, 24 Jun 2010 22:59:51 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-7999 Actually, something like this should work: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" backgroundColor="white"> <mx:PopUpButton id="pUB" label="{dGrid.selectedItem.col1}" width="300" > <mx:popUp> <mx:DataGrid id="dGrid" alternatingItemColors="[white,white]" fontWeight="normal" itemRenderer="mx.controls.Label" showHeaders="false" verticalGridLines="false" width="{pUB.width}"> <mx:columns> <mx:DataGridColumn dataField="col1" /> <mx:DataGridColumn dataField="col2" /> <mx:DataGridColumn dataField="col3" /> </mx:columns> <mx:dataProvider> <mx:ArrayCollection> <mx:Object col1="1a) The quick brown fox jumps over the lazy dog" col2="1b) The quick brown fox jumps over the lazy" col3="1c) The quick brown dog jumps over the" /> <mx:Object col1="2a) The quick brown fox jumps over the lazy dog" col2="2b) The quick brown fox jumps over the lazy" col3="2c) The quick brown dog jumps over the" /> <mx:Object col1="3a) The quick brown fox jumps over the lazy dog" col2="3b) The quick brown fox jumps over the lazy" col3="3c) The quick brown dog jumps over the" /> <mx:Object col1="4a) The quick brown fox jumps over the lazy dog" col2="4b) The quick brown fox jumps over the lazy" col3="4c) The quick brown dog jumps over the" /> <mx:Object col1="5a) The quick brown fox jumps over the lazy dog" col2="5b) The quick brown fox jumps over the lazy" col3="5c) The quick brown dog jumps over the" /> <mx:Object col1="6a) The quick brown fox jumps over the lazy dog" col2="6b) The quick brown fox jumps over the lazy" col3="6c) The quick brown dog jumps over the" /> <mx:Object col1="7a) The quick brown fox jumps over the lazy dog" col2="7b) The quick brown fox jumps over the lazy" col3="7c) The quick brown dog jumps over the" /> <mx:Object col1="8a) The quick brown fox jumps over the lazy dog" col2="8b) The quick brown fox jumps over the lazy" col3="8c) The quick brown dog jumps over the" /> <mx:Object col1="9a) The quick brown fox jumps over the lazy dog" col2="9b) The quick brown fox jumps over the lazy" col3="9c) The quick brown dog jumps over the" /> </mx:ArrayCollection> </mx:dataProvider> </mx:DataGrid> </mx:popUp> </mx:PopUpButton> </mx:Application> </pre> Peter Actually, something like this should work:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        backgroundColor="white">
 
    <mx:PopUpButton id="pUB"
            label="{dGrid.selectedItem.col1}"
            width="300" >
        <mx:popUp>
            <mx:DataGrid id="dGrid"
                    alternatingItemColors="[white,white]"
                    fontWeight="normal"
                    itemRenderer="mx.controls.Label"
                    showHeaders="false"
                    verticalGridLines="false"
                    width="{pUB.width}">
                <mx:columns>
                    <mx:DataGridColumn dataField="col1" />
                    <mx:DataGridColumn dataField="col2" />
                    <mx:DataGridColumn dataField="col3" />
                </mx:columns>
                <mx:dataProvider>
                    <mx:ArrayCollection>
                        <mx:Object col1="1a) The quick brown fox jumps over the lazy dog"
                                   col2="1b) The quick brown fox jumps over the lazy"
                                   col3="1c) The quick brown dog jumps over the" />
                        <mx:Object col1="2a) The quick brown fox jumps over the lazy dog"
                                   col2="2b) The quick brown fox jumps over the lazy"
                                   col3="2c) The quick brown dog jumps over the" />
                        <mx:Object col1="3a) The quick brown fox jumps over the lazy dog"
                                   col2="3b) The quick brown fox jumps over the lazy"
                                   col3="3c) The quick brown dog jumps over the" />
                        <mx:Object col1="4a) The quick brown fox jumps over the lazy dog"
                                   col2="4b) The quick brown fox jumps over the lazy"
                                   col3="4c) The quick brown dog jumps over the" />
                        <mx:Object col1="5a) The quick brown fox jumps over the lazy dog"
                                   col2="5b) The quick brown fox jumps over the lazy"
                                   col3="5c) The quick brown dog jumps over the" />
                        <mx:Object col1="6a) The quick brown fox jumps over the lazy dog"
                                   col2="6b) The quick brown fox jumps over the lazy"
                                   col3="6c) The quick brown dog jumps over the" />
                        <mx:Object col1="7a) The quick brown fox jumps over the lazy dog"
                                   col2="7b) The quick brown fox jumps over the lazy"
                                   col3="7c) The quick brown dog jumps over the" />
                        <mx:Object col1="8a) The quick brown fox jumps over the lazy dog"
                                   col2="8b) The quick brown fox jumps over the lazy"
                                   col3="8c) The quick brown dog jumps over the" />
                        <mx:Object col1="9a) The quick brown fox jumps over the lazy dog"
                                   col2="9b) The quick brown fox jumps over the lazy"
                                   col3="9c) The quick brown dog jumps over the" />
                    </mx:ArrayCollection>
                </mx:dataProvider>
            </mx:DataGrid>
        </mx:popUp>
    </mx:PopUpButton>
 
</mx:Application>

Peter

]]> By: Peter deHaan http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-7998 Peter deHaan Thu, 24 Jun 2010 22:41:53 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-7998 @av, I really don't think you could. You may want to look at using a PopUpButton and maybe a DataGrid and using truncation on each of the columns. Maybe something like <a href="http://blog.flexexamples.com/2008/02/01/using-a-datagrid-control-as-a-pop-up-in-the-flex-popupbutton-control/" rel="nofollow">"Using a DataGrid control as a pop up in the Flex PopUpButton control"</a> and then hide the DataGrid column headers (<a href="http://blog.flexexamples.com/2007/08/28/toggling-a-flex-datagrid-controls-header-row/" rel="nofollow">"Toggling a Flex DataGrid control’s header row"</a>). Then I think you can do the per-column truncation in the DataGrid by setting the item renderer to an MX Label control and setting the Boolean <code>truncateToFit</code> property to <em>true</em> (<a href="http://blog.flexexamples.com/2008/01/26/truncating-text-in-the-flex-label-control-using-the-truncatetofit-property/" rel="nofollow">"Truncating text in the Flex Label control using the truncateToFit property"</a>). Or that's my theory. Peter @av,

I really don’t think you could. You may want to look at using a PopUpButton and maybe a DataGrid and using truncation on each of the columns. Maybe something like “Using a DataGrid control as a pop up in the Flex PopUpButton control” and then hide the DataGrid column headers (“Toggling a Flex DataGrid control’s header row”). Then I think you can do the per-column truncation in the DataGrid by setting the item renderer to an MX Label control and setting the Boolean truncateToFit property to true (“Truncating text in the Flex Label control using the truncateToFit property”).

Or that’s my theory.

Peter

]]> By: av http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-7997 av Thu, 24 Jun 2010 20:37:39 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-7997 How can I truncate labels for each column in a combobox that shows 3 different columns formatted such that the second and third columns start from a given position.? How can I truncate labels for each column in a combobox that shows 3 different columns formatted such that the second and third columns start from a given position.?

]]> By: Shif http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-7819 Shif Sun, 30 May 2010 10:44:38 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-7819 Thanx Peter, this worked: toolTip="{cBox.selectedItem.displayName}" Thanx Peter, this worked:
toolTip=”{cBox.selectedItem.displayName}”

]]> By: Peter deHaan http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/comment-page-1/#comment-7808 Peter deHaan Thu, 27 May 2010 19:51:26 +0000 http://blog.flexexamples.com/2008/01/26/displaying-item-tool-tips-in-a-flex-combobox-control/#comment-7808 @Shif, This may depend largely on how your data provider is set up, but this should work for simpler cases: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:ComboBox id="cBox" dataProvider="[One,Two,Three,Four,Five,Six,Seven,Eight,Nine,Ten]" toolTip="{cBox.selectedItem}" /> </mx:Application> </pre> For more complex data providers, you can probably do something similar to the following: <pre lang="mxml"> <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:ComboBox id="cBox" labelField="lbl" updateComplete="cBox.toolTip = cBox.selectedLabel;"> <mx:dataProvider> <mx:ArrayCollection> <mx:Object lbl="One" /> <mx:Object lbl="Two" /> <mx:Object lbl="Three" /> <mx:Object lbl="Four" /> <mx:Object lbl="Five" /> <mx:Object lbl="Six" /> <mx:Object lbl="Seven" /> <mx:Object lbl="Eight" /> <mx:Object lbl="Nine" /> <mx:Object lbl="Ten" /> </mx:ArrayCollection> </mx:dataProvider> </mx:ComboBox> </mx:Application> </pre> Peter @Shif,

This may depend largely on how your data provider is set up, but this should work for simpler cases:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:ComboBox id="cBox"
            dataProvider="[One,Two,Three,Four,Five,Six,Seven,Eight,Nine,Ten]"
            toolTip="{cBox.selectedItem}" />
 
</mx:Application>

For more complex data providers, you can probably do something similar to the following:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">
 
    <mx:ComboBox id="cBox"
            labelField="lbl"
            updateComplete="cBox.toolTip = cBox.selectedLabel;">
        <mx:dataProvider>
            <mx:ArrayCollection>
                <mx:Object lbl="One" />
                <mx:Object lbl="Two" />
                <mx:Object lbl="Three" />
                <mx:Object lbl="Four" />
                <mx:Object lbl="Five" />
                <mx:Object lbl="Six" />
                <mx:Object lbl="Seven" />
                <mx:Object lbl="Eight" />
                <mx:Object lbl="Nine" />
                <mx:Object lbl="Ten" />
            </mx:ArrayCollection>
        </mx:dataProvider>
    </mx:ComboBox>
 
</mx:Application>

Peter

]]>