Styling of DropDownList Box Content not working in IE

Last post 05-27-2010, 2:30 AM by Kenneth. 1 replies.
Sort Posts: Previous Next
  •  05-26-2010, 6:34 AM 61320

    Styling of DropDownList Box Content not working in IE

    I am trying to customize the look of my dropdowns through the Common.Config. I always get great results in Firefox but IE adds some white space on top of my items and also crops off words if too long. I have found where to set style for the dropdown itself but it does not affect the box that drops down. How can I fix this?
     
    Firefox:
     
    Internet Explorer:
  •  05-27-2010, 2:30 AM 61373 in reply to 61320

    Re: Styling of DropDownList Box Content not working in IE

    Hi Christiane,

    Please try the example below

     

    <%@ Page Language="C#" %>

    <%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script runat="server">
        protected override void OnLoad(EventArgs e)
        {
            if (!IsPostBack)
            {
                CuteEditor.ToolControl toolctrl = Editor1.ToolControls["CssClass"];
                if (toolctrl != null)
                {
                    CuteEditor.RichDropDownList dropdown = (CuteEditor.RichDropDownList)toolctrl.Control;
                    CuteEditor.RichListItem richitem = dropdown.Items[0];
                    dropdown.Items.Add("<b  style='background-color:#e6eefb; font-weight: normal;'>Header</b>", "Header", "Header");
                }
            }

            base.OnLoad(e);
        }
    </script>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
    </head>
    <body>
        <form id="form1" runat="server">
            <CE:Editor ID="Editor1" runat="server">
            </CE:Editor>
        </form>
    </body>
    </html>

     

     
    Regards,
     
    ken
View as RSS news feed in XML