[CLOSED] Problem Height Title tabpanel

  1. #1

    [CLOSED] Problem Height Title tabpanel

    Hi,
    when I change the font of the titles of tabs in tabpanel, the height doesn't update.
    See my example.

    Thank you

    Jimmy

    <%@ Page Language="C#" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html>
    
    <html>
    <head id="Head1" runat="server">
       <title>AutoHeight TabPanel - Ext.NET Examples</title>
       
       <style type="text/css">
          .my-tabpanel .x-tab-inner
          {
              font-size: 25px !important;
          }
        </style>
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
        <ext:TabPanel ID="TabPanel1" runat="server" Width="450" Cls="my-tabpanel">
            <Items>
                <ext:Panel 
                    ID="Tab1"
                    runat="server" 
                    Title="Test 1" 
                    AutoHeight="true"
                    BodyPadding="6">
                    <Content>
                        Test 1
                    </Content>
                </ext:Panel>
                <ext:Panel
                    ID="Tab2"
                    runat="server" 
                    Title="Test 2" 
                    AutoHeight="true"
                    BodyPadding="6">
                    <Content>
                       Test 2
                    </Content>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
    </body>
    </html>
    Last edited by Daniil; Dec 27, 2012 at 9:02 AM. Reason: [CLOSED]
  2. #2
    Hi Jimmy,

    Well, tabs doesn't support auto sizing for font.

    You could try to apply other CSS rules to get more height for tabs.
  3. #3
    Hi Daniil,
    could you help me?
    Could you correct my example?

    Thank you

    Jimmy
  4. #4
    For now I can help showing this video.
    CSS Change TabPanel Header Color - Ext.NET on Vimeo

    It demonstrates a technique which you can use to find respective CSS rules.

    If you will be in trouble further, please say.
  5. #5
    Hi Daniil,
    I have used firedebug, as you have recommended me.
    I have attached the working example.
    Please mark closed the thread.

    Thank you

    Jimmy

    <%@ Page Language="C#" %>
    
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    
    <!DOCTYPE html>
    
    
    <html>
    <head id="Head1" runat="server">
       <title>AutoHeight TabPanel - Ext.NET Examples</title>
       
       <style type="text/css">
          
          .my-tabpanel .x-tab-inner
          {
              font-size: 28px !important;
              font-weight: bold !important;
              font-family: Tahoma !important;
          }
          .x-tab-bar-top .x-tab-bar-strip {
              top: 36px !important;
          }
          .x-border-box .x-tab-bar-top .x-tab-bar-body {
              height: 37px !important;
          }
          .x-border-box .x-tab-default-top {
              height: 35px !important;
          }
          .x-tab-default-top button, .x-tab-default-top .x-tab-inner {
              height: 28px;
              line-height: 28px;
          }
          
        </style>
    
    
    </head>
    <body>
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
        
        <ext:TabPanel ID="TabPanel1" runat="server" Width="450" Cls="my-tabpanel">
            <Items>
                <ext:Panel 
                    ID="Tab1"
                    runat="server" 
                    Title="Test 1" 
                    AutoHeight="true"
                    BodyPadding="6">
                    <Content>
                        Test 1
                    </Content>
                </ext:Panel>
                <ext:Panel
                    ID="Tab2"
                    runat="server" 
                    Title="Test 2" 
                    AutoHeight="true"
                    BodyPadding="6">
                    <Content>
                       Test 2
                    </Content>
                </ext:Panel>
            </Items>
        </ext:TabPanel>
    </body>
    </html>
  6. #6
    We much appreciate sharing solutions! Thank you.

Similar Threads

  1. [CLOSED] Panel Title Height
    By Timothy in forum 2.x Legacy Premium Help
    Replies: 12
    Last Post: Jun 08, 2012, 1:50 PM
  2. title in tabpanel
    By maryam in forum 1.x Help
    Replies: 3
    Last Post: Aug 21, 2010, 6:48 AM
  3. [CLOSED] Tabpanel autowidth and height problem
    By majestic in forum 1.x Legacy Premium Help
    Replies: 10
    Last Post: Sep 22, 2009, 11:27 AM
  4. Replies: 5
    Last Post: Jun 19, 2009, 6:38 AM
  5. [CLOSED] tabpanel title
    By speedstepmem2 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Apr 24, 2009, 6:57 AM

Posting Permissions