Welcome Guest Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Keep Icon in ListBox Upon Selection

Keep Icon in ListBox Upon Selection Options
Previous Topic · Next Topic
Jazzcatone
Posted: Wednesday, May 14, 2014 3:30:29 PM
Rank: Member
Groups: Member

Joined: 7/21/2007
Posts: 11
I have a ComboBox/ListBox displaying both text and an icon in the possible options listed in the ListBox. This works good as both are displayed when scrolling through the possible options. However, when I make a selection only the text is displayed at that point in the chosen list item. Is there a way I can get both the icon and the text to display upon making a selection in the ListBox ? Code is below. Any advice or direction would be greatly appreciated.

--Jason


Code: HTML/ASPX 
<eo:ComboBox runat="server" ID="ComboBox1" AllowCustomText="true"20.
             ControlSkinID="None"   Width="400px" HintText="Select Country - State/Province" EnableKeyboardNavigation="true" >

        <DropDownTemplate>
            <eo:ListBox runat="server" ID="lst_InitialLocation"  ControlSkinID="None" Height="600px"  Width="400px" EnableKeyboardNavigation="true">    
                      
           

                <ItemTemplate>
                    
                   <table border="0" cellpadding="1">

                        <tr>
                            <td>
                                <img src="<%#Container.Item.Icon%>"  />
                            </td>
                             <td>
                                <%#Container.Item.Text%>
                            </td>
                          
                           
                        </tr>
                     
                    </table>
                      
                </ItemTemplate>
                
                <Items>
                   
                    <eo:ListBoxItem Text="       - Alabama"   Value="AL"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Alaska"   Value="AK"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Arizona"   Value="AZ"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Arkansas"   Value="AR"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - California"   Value="CA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Colorado"   Value="CO"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Connecticut"   Value="CT"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Delaware"   Value="DE"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - District of Columbia"   Value="DC"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Florida"   Value="FL"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Georgia"   Value="GA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Hawaii"   Value="HI"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Idaho"   Value="ID"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Illinois"   Value="IL"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Indiana"   Value="IN"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Iowa"   Value="IA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Kansas"   Value="KS"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Kentucky"   Value="KY"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Lousiana"   Value="LA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Maine"   Value="ME"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Maryland"   Value="MD"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Massachusetts"   Value="MA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Michigan"  Value="MI"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Minnesota"   Value="MN"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Mississippi"   Value="MS"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Missouri"   Value="MO"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Montana"   Value="MT"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Nebraska"  Value="NE"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - New Hampshire"   Value="NH"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - New Jersey"   Value="NJ"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - New Mexico"   Value="NM"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - New York"   Value="NY"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - North Carolina"   Value="NC"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - North Dakota"   Value="ND"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Ohio"   Value="OH"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Oklahoma"   Value="OK"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Oregon"   Value="OR"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Pennsylvania"   Value="PA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Rhode Island"   Value="RI"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - South Carolina"   Value="SC"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - South Dakota"   Value="SD"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Tennessee"   Value="TN"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Texas"   Value="TX"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Utah"   Value="UT"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Vermont"   Value="VT"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Virginia"   Value="VA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Washington"   Value="WA"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - West Virginia"   Value="WV"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Wisconsin"   Value="WI"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Wyoming"   Value="WY"  Icon="App_Themes/Default/Images/US_Flag.gif"  />
                    <eo:ListBoxItem Text="       - Alberta"   Value="AB"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - British Columbia"   Value="BC"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Manitoba"   Value="MB"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - New Brunswick"   Value="NB"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Newfoundland & Labrador"   Value="NF"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Nova Scotia"   Value="NT"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Northwest Territories"   Value="NS"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Nunavut"   Value="NU"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Ontario"   Value="ON"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Prince Edward Island"   Value="PE"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Quebec"   Value="QC"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Saskatchewan"   Value="SK"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />
                    <eo:ListBoxItem Text="       - Yukon"   Value="YT"  Icon="App_Themes/Default/Images/Canada_flag.gif"  />


                
                </Items>

               
            </eo:ListBox>
        </DropDownTemplate>
        <ButtonStyle CssText="width:17px;height:23px;" />
        <ButtonAreaStyle CssText="background-image:url(00107005);" />
        <ButtonAreaHoverStyle CssText="background-image:url(00107006);" />
        <TextAreaStyle CssText="font-family: tahoma; font-size: 11px; border-top: solid 1px #3d7bad; border-bottom: solid 1px #b7d9ed; vertical-align:middle;padding-left:2px; padding-right:2px;" />
        <HintTextStyle CssText="font-style:italic;background-color:#c0c0c0;color:white;line-height:16px;" />
    </eo:ComboBox>
Back to top
 
eo_support
Posted: Wednesday, May 14, 2014 5:15:06 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,196
Hi,

Please try to set IconStyle property. Inside that property you must explicitly specify the icon area's size. For example:

Code: HTML/ASPX 
<eo:ComboBox ....>
    <IconStyle CssText="width:16px;height:16px;" />
     .....
</eo:ComboBox>


Please let us know if that works for you.

Thanks!
Back to top
 
Jazzcatone
Posted: Wednesday, May 28, 2014 11:41:52 AM
Rank: Member
Groups: Member

Joined: 7/21/2007
Posts: 11
This worked well. Thank you
--Jason
Back to top
 
eo_support
Posted: Wednesday, May 28, 2014 8:11:52 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,196
Glad to hear that. Please feel free to let us know if you have any more questions.
Back to top
 


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.