What's New?

[CLOSED] IE6 Combo box bottom border not rendered

  1. #1
    Jul 05, 2012, 11:28 AM

    [CLOSED] IE6 Combo box bottom border not rendered

    Hi,

    I'm having a problem with the ComboBox's bottom border when viewed within IE6. I've attached a screenshot to illustrate the problem.

    Thanks

    Michelle
     <Items>
          <ext:FieldSet runat="server" ID="FieldSetTemplat" CheckboxToggle="true" Title="<%$Resources: Strings,                     FilterByTemplate%>"Collapsed="true"LabelWidth="75" Layout="Fit">
       <Items>
              <ext:ComboBox runat="server" ID="TemplatList" FieldLabel="<%$Resources: Strings, Template%>"
                      StoreID="StoreTemplateTypes" DisplayField="Name" ValueField="Id" TabIndex="5"  Height="60">
             </ext:ComboBox>                                    
       </Items>
</ext:FieldSet>
</Items>
    Attached Thumbnails Click image for larger version.  Name: combo-problem-ie6.png  Views: 110  Size: 17.3 KB  ID: 4444  
    Last edited by Daniil; Jul 09, 2012 at 10:01 AM. Reason: [CLOSED]
  2. #2
    Jul 05, 2012, 12:18 PM
    Hi,

    Please clarify do you use Ext.NET v1 or v2? Just I see the similar thread on the Premium Help 2.x forum.
    http://forums.ext.net/showthread.php?19876
  3. #3
    Jul 05, 2012, 12:42 PM
    Quote Originally Posted by Daniil View Post
    Hi,

    Please clarify do you use Ext.NET v1 or v2? Just I see the similar thread on the Premium Help 2.x forum.
    http://forums.ext.net/showthread.php?19876
    Hi Daniil

    We are using V1 - my apologies if I posted to the incorrect forum.

    - Michelle
  4. #4
    Jul 05, 2012, 3:32 PM
    No problem.

    Regarding the issue.

    Using the FieldLabel in the container with FormLayout only gives a more consistent result through the browsers.

    To fix the issue with the bottom border, please use:
    <style type="text/css">
    .ext-ie6 .x-form-text {
        margin-bottom: 0px !important;
    }
</style>
    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 .x-form-text {
            margin-bottom: 0px !important;
        }
    </style>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />

        <ext:FieldSet 
            runat="server" 
            Height="200" 
            Width="300" 
            Layout="FormLayout" 
            LabelWidth="75">
            <Items>
                <ext:ComboBox runat="server" AnchorHorizontal="100%" FieldLabel="ComboBox" />
            </Items>
        </ext:FieldSet>
    </form>
</body>
</html>
    Also the ComboBox doesn't support custom height. But, I think, it is possible to apply custom height via CSS.
  5. #5
    Jul 09, 2012, 9:57 AM
    Thanks Daniil, that worked perfectly :)

    - Michelle

Similar Threads

  1. [CLOSED] Expanded combo box is cut off at the bottom
    By ivanp in forum 2.x Legacy Premium Help
    Replies: 4
    Last Post: Apr 24, 2013, 8:20 AM
  2. [CLOSED] FieldSet graphic (icon for expand / collapse) bottom border line is not showing in google chrome while collapse.
    By rnachman in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 11, 2011, 11:07 AM
  3. [CLOSED] FieldSet - Bottom border-line missing on IE-8
    By ndotis in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Feb 03, 2011, 5:04 PM
  4. [CLOSED] [1.0] ComboBox in IE6 - Bottom border not showing
    By danielg in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Nov 17, 2010, 10:13 AM
  5. [CLOSED] How to remove the TabPanel header bottom border?
    By flormariafr in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Mar 12, 2010, 3:09 PM

Posting Permissions