Welcome Guest Search | Active Topics | Sign In | Register

ComboBox looses formatting when in CallBackPanel Options
Mark
Posted: Monday, June 18, 2012 10:19:07 AM
Rank: Member
Groups: Member

Joined: 3/5/2009
Posts: 19
When we surround the ComboBox control with a callbackpanel it seems that the comboBox is loosing all of its formatting. I went into the demo code and just surrounded the sample box with a callbackpanel and I get the same results (see screenshot).

We're still using 2011, so I'm curious if this has been corrected in 2012. I didn't see any previous issues on this in the forum. Thanks!



Code: Visual Basic.NET
<%@ Register TagPrefix="eo" NameSpace="EO.Web" Assembly="EO.Web" %>
<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Demo.aspx.vb" Inherits="Demos_ComboBox_Features_Item_Icon_Off_Demo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="demo" Runat="Server">
    <p>
        All built-in EO.Web CombBox's skins set <b>IconStyle</b>
        to reserve a 16 pixels by 16 pixels space for the icon.
        To completely turn icon off, you can simply apply <b>display:none</b>
        on the IconStyle property. 
    </p>

    <eo:CallbackPanel  runat=server ID=cbCustom1 >
    <eo:ComboBox runat="server" ID="ComboBox1" ControlSkinID="None" 
        HintText="Type here" Width="200px" LabelHtml="Country:" EnableKeyboardNavigation="true"
        DefaultIcon="../../../../images/question_mark.gif">
        <TextStyle CssText="font-family: tahoma; font-size: 11px;" />
        <IconStyle CssText="display:none;" />
        <IconAreaStyle CssText="font-family: tahoma; font-size: 11px; background-image:url(00107007); background-position: left left; background-repeat:no-repeat; vertical-align:middle;padding-left:2px; padding-right:2px;" />
        <DropDownTemplate>
            <eo:ListBox runat="server" ID="ListBox1" ControlSkinID="None" Height="150px" 
                Width="200px" EnableKeyboardNavigation="true">                
                <BodyStyle CssText="border: solid 1px #868686;" />
                <ItemListStyle CssText="padding: 1px;" />
                <DisabledItemStyle CssText="color:#c0c0c0;padding-bottom:1px;padding-left:6px;padding-right:6px;padding-top:3px;height:20px;" />
                <ItemStyle CssText="color:black;padding-bottom:1px;padding-left:6px;padding-right:6px;padding-top:3px;height:20px;" />
                <ListBoxStyle CssText="font-family:Tahoma; font-size:13px;background-color:white;" />
                <MoreItemsMessageStyle CssText="padding:2px;" />
                <SelectedItemStyle CssText="background-image:url(00106003);background-repeat:repeat;border-left-color:#c0a776;border-left-style:solid;border-left-width:1px;border-right-color:#c3aa79;border-right-style:solid;border-right-width:1px;color:black;height:20px;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:3px;" />
                <ItemHoverStyle CssText="background-image:url(00106003);background-repeat:repeat;border-left-color:#c0a776;border-left-style:solid;border-left-width:1px;border-right-color:#c3aa79;border-right-style:solid;border-right-width:1px;color:black;height:20px;padding-bottom:1px;padding-left:5px;padding-right:5px;padding-top:3px;" />
                <ItemTemplate>
                    <table border="0" cellpadding="1">
                        <tr>
                            <td>
                                <img src="<%#Container.Item.Icon%>" alt="flag" />
                            </td>
                            <td>
                                <%#Container.Item.Text%>
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
                <Items>
                    <eo:ListBoxItem Text="United States" Icon="../../../../images/Flags/us.gif" />
                    <eo:ListBoxItem Text="United Kingdom" Icon="../../../../images/Flags/gb.gif" />
                    <eo:ListBoxItem Text="Canada" Icon="../../../../images/Flags/ca.gif" />
                    <eo:ListBoxItem Text="Australia" Icon="../../../../images/Flags/au.gif" />
                    <eo:ListBoxItem Text="Germany" Icon="../../../../images/Flags/de.gif" />
                    <eo:ListBoxItem Text="France" Icon="../../../../images/Flags/fr.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>
    </eo:CallbackPanel>
</asp:Content>
eo_support
Posted: Monday, June 18, 2012 10:22:09 AM
Rank: Administration
Groups: Administration

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

I believe this has already been corrected in the latest build.

Thanks!
Mark
Posted: Thursday, June 21, 2012 10:31:17 AM
Rank: Member
Groups: Member

Joined: 3/5/2009
Posts: 19
Just downloaded and installed the 2012 release and it's working great now. Thanks!
eo_support
Posted: Thursday, June 21, 2012 10:46:32 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,195
Great. Thanks for the update!


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.