[CLOSED] How to remove the TabPanel header bottom border?

  1. #1

    [CLOSED] How to remove the TabPanel header bottom border?

    Hi,

    I was trying to remove the blue header border tab that I am showing in the attachement, using Firebug, but I could not find the way to do it.

    Could you tell me please how to do it?

    
    
    
    ul.x-tab-strip-top 
    
    
    {
    
    
    -moz-background-size:auto auto;
    
    
    background-attachment:scroll;
    
    
    background-color:#FFFFA9;
    
    
    background-image:none;
    
    
    background-position:center bottom;
    
    
    border-bottom-style:none;
    
    
    border-bottom-width:0;
    
    
    padding-top:0px;
    
    
    padding-bottom:0px;
    
    
    border:none;
    
    
    }
    
    
    .x-tab-panel-noborder .x-tab-panel-header-noborder 
    
    
    {
    
    
    border-bottom-width:0px;
    
    
    border-top-width:0px;
    
    
    }
    
    
    <ext:TabPanel ID="TabPanel1" runat="server" Height="600px" Border="false" 
    
    
    ActiveTabIndex="0">
    
    
    <Items>
    
    
    <ext:Panel ID="Panel1" runat="server" Title="Group Test" Border="false">
    
    
    <Content>
    
    
    
    
    
    <ext:Panel ID="Panel4" runat="server" Height="300px" Border="false">
    
    
    <Content>
    
    
    </Content>
    
    
    </ext:Panel>
    
    
    
    
    
    
    
    
    
    <ext:GridPanel ID="GridPanelGroupListing" runat="server" Height="300" Title="Group Listing">
    
    
    </ext:GridPanel>
    
    
    
     
    
    
    </Content>
    
    
    </ext:Panel>
    
    
    </Items>
    
    
    </ext:TabPanel>
  2. #2

    RE: [CLOSED] How to remove the TabPanel header bottom border?

    Hi,

    If you need that border with space then
    .x-tab-panel-header{
                padding-bottom:0px;
            }
    If that space is required
    .x-tab-panel-header{
                 background-color: #FFFFA9;
            }
    Just use Firebug to investigate DOM structure and you will be able to manipulate the UI

Similar Threads

  1. [CLOSED] IE6 Combo box bottom border not rendered
    By musher in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Jul 09, 2012, 9:57 AM
  2. 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. Moving header of panel to bottom
    By mschoudry in forum 1.x Help
    Replies: 0
    Last Post: Jan 08, 2011, 7:02 AM
  5. [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

Posting Permissions