[CLOSED] Disabled combobox rendering

Page 1 of 2 12 LastLast
  1. #1

    [CLOSED] Disabled combobox rendering

    The following disabled combo:
    <ext:ComboBox
                    runat="server"
                    ID="ComboBox2"
                    FieldLabel="Name"
                    ValueField="Id"
                    DisplayField="Name"
                    Editable="false"
                    Disabled="true"
                    StoredId="Store1">
                </ext:ComboBox>
    renders in IE8 as: Click image for larger version. 

Name:	cbo_disabled_ie8.png 
Views:	169 
Size:	10.5 KB 
ID:	2550
    As you can see the bottom border is missing/truncated - this is the same for all disabled ExtJS form controls rendered in IE.

    In Firefox 3.6 the disabled combo is rendered correctly: Click image for larger version. 

Name:	cbo_disabled_ff.png 
Views:	138 
Size:	9.8 KB 
ID:	2551

    I've tried setting the disabledclass to correct the behaviour for IE but it seems that this is an issue with IE that didn't exist in Coolite/Ext.NET 0.8.

    Any suggestions or advice on how to deal with this?
    Last edited by Daniil; Apr 15, 2011 at 11:58 AM. Reason: [CLOSED]
  2. #2
    Hi,

    I have tried the code you posted, the issue didn't appear. Please ensure that the IE compatibility mode is switched off.

    Could you provide a full sample?

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:ComboBox runat="server" FieldLabel="Name" Disabled="true" />
        </form>
    </body>
    </html>
  3. #3
    Here it is:
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Disabled.aspx.cs" Inherits="TWA.Disabled" %>
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        <ext:FormPanel ID="FormPanel1" runat="server" Title="Remote Validation Form" LabelWidth="175" Height="150" Layout="form">
            <Items>
        <ext:ComboBox runat="server" FieldLabel="Name" Disabled="true" />    
        </Items>
        </ext:FormPanel>
        </form>
    </body>
    </html>
  4. #4
    Thanks.

    I see this bug under IE6 and IE7 only.
  5. #5
    Here are the fixes for IE6 and IE7.

    Example
    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.Net Example</title>
        
        <style type="text/css">
            .ext-ie6 .my-class {
                padding-top: 0px !important;
            }
            
            .ext-ie6 .my-ct-class img {
                height : 20px !important;
            }
            
            .ext-ie7 .my-class {
                padding-top: 0px !important;
            }
            
            .ext-ie7 .my-ct-class img {
                height : 20px !important;
            }
        </style>
    </head>
    <body>
        <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:FormPanel runat="server" Title="Test">
            <Items>
                <ext:ComboBox 
                    runat="server" 
                    FieldLabel="FieldLabel" 
                    Disabled="true" 
                    Cls="my-class" 
                    CtCls="my-ct-class" />
            </Items>
        </ext:FormPanel>
        </form>
    </body>
    </html>
    We are considering a possibility to add these fixes into the Ext.Net sources.
  6. #6
    Quote Originally Posted by Daniil View Post
    Thanks.

    I see this bug under IE6 and IE7 only.
    Hmmm, I'm definitely running it in IE8:

    Version    8.0.6001.18702
    Build    86001
    Application Path    C:\Program Files\Internet Explorer
    Language    English (United States)
    Active Printer    Microsoft Office Document Image Writer (from LONDR41223),winspool,TS001
        
    Cipher Strength    128-bit
    Content Advisor    Disabled
    IEAK Install    No
  7. #7
    Did you ensure that you the Compatibility Mode is switched off?
  8. #8
    Also please provide OS version you test under.

    It's reproducible under Windows 7 on my PC, but not reproducible under Windows Vista on my colleague's PC.
  9. #9
    Quote Originally Posted by Daniil View Post
    Did you ensure that you the Compatibility Mode is switched off?
    Compatibility View is greyed out so I'm guessing it's switched off for the page?
  10. #10
    Quote Originally Posted by Daniil View Post
    Also please provide OS version you test under.

    It's reproducible under Windows 7 on my PC, but not reproducible under Windows Vista on my colleague's PC.
    Windows XP Professional SP3
Page 1 of 2 12 LastLast

Similar Threads

  1. Why cant I select value from a disabled combobox?
    By masudcseku in forum 1.x Help
    Replies: 0
    Last Post: Sep 29, 2010, 8:17 PM
  2. Replies: 0
    Last Post: Sep 20, 2010, 8:56 PM
  3. Replies: 4
    Last Post: Feb 02, 2010, 4:08 PM
  4. [CLOSED] Combobox disabled
    By methode in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Feb 14, 2009, 4:03 AM
  5. [CLOSED] ComboBox Disabled?
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 13, 2008, 6:30 PM

Posting Permissions