[FIXED] [V0.7] Sizing bug for buttons in tabpanel

  1. #1

    [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Hi
    I noticed a bug, when buttons are placed in a tabpanel in any tab but the first one, the sizing gets wrong. The size for the buttons in tab 2 and 3 gets far to big. Look at this sample code


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    <title></title>
    </head>
    <body>
    <form id="form2" runat="server">
    <ext:ScriptManager ID="ScriptManager2" runat="server" HideInDesign="false">
    </ext:ScriptManager>
    <ext:TabPanel ID="tabpnlMain" runat="server" Width="300">
    <Tabs> 
    <ext:Tab ID="tab1" runat="server" Title="Tab1" >
    <Body>
    <ext:Button ID="Button1" runat="server" Text="XXXXXXXXXXXXXXXXXXXXXXXXXXX">
    </ext:Button> 
    </Body>
    </ext:Tab>
    <ext:Tab ID="tab2" runat="server" Title="Tab2" >
    <Body>
    <ext:Button ID="Button2" runat="server" Text="XXXXXXXXXXXXXXXXXXXXXXXXXXX">
    </ext:Button> 
    </Body>
    </ext:Tab>
    <ext:Tab ID="tab3" runat="server" Title="Tab3" >
    <Body>
    <ext:Button ID="Button3" runat="server" Text="XXXXXXXXXXXXXXXXXXXXXXXXXXX">
    </ext:Button> 
    </Body>
    </ext:Tab> 
    </Tabs>
    </ext:TabPanel> 
    </form>
    </body>
    </html>
    Best regards
    Mikael Jürke
  2. #2

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Hi Mikael,

    This bug was fixed and committed to SVN

    Vladimir Shcheglov
    Sr. Developer
  3. #3

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Thank you!
  4. #4

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    New follow up bug, probably as result of last fix. Size on buttons gets to small when an Iframe is used, as before only in tabs != first tab.
    See example.


    Test.aspx
    
    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    
    <head id="Head1" runat="server">
    
    
     
    
    
    <title>Test</title>
    
    
    
    
    
    </head>
    
    
    <body>
    
    
    <form id="form1" runat="server">
    
    
    
    
    
    <ext:ScriptManager ID="ScriptManager1" runat="server" HideInDesign="false">
    
    
    </ext:ScriptManager>
    
    
     
    
    
    
    
    
    <ext:TabPanel ID="Tabanel" runat="server" >
    
    
    <Tabs>
    
    
    
    
    
    
    
    
    <ext:Tab ID="Tab2" AutoLoadIFrame="Test2.aspx" runat="server" Title="" >
    
    
    <Body>
    
    
    </Body>
    
    
    </ext:Tab> 
    
    
    <ext:Tab ID="Tab1" AutoLoadIFrame="Test2.aspx" runat="server" Title="" >
    
    
    <Body>
    
    
    </Body>
    
    
    </ext:Tab>
    
    
    
    
    
    </Tabs>
    
    
    </ext:TabPanel>
    
    
    
    
    
    </form>
    
    
    
    
    
    </body>
    
    
    </html>
    Test2.aspx
    
    
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    
    <head runat="server">
    
    
    <title>Untitled Page</title>
    
    
    </head>
    
    
    <body>
    
    
    <form id="form1" runat="server">
    
    
    
    
    
    
    
    
    <ext:ScriptManager ID="ScriptManager1" runat="server" HideInDesign="false" />
    
    
    <ext:Button ID="btnTest" runat="server" Text="Browse" Icon="Magnifier">
    
    
    </ext:Button>
    
    
    
    
    
    
    </form>
    
    
    </body>
    
    
    </html>
    Best regards
    Mikael Jürke
  5. #5

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Hi Mikael,

    I made a css revision which appears to have fixed the problem. I've tested in XHTML Quirks, Transitional and Strict mode in IE, FF and Chrome. Each browser DOCTYPE combo seems to work properly with tests I created and the samples you posted above, although more testing is required to confirm. 


    Please SVN update and post a confirmation whether it's now working for you or not. 


    I also added the Cache Buster to all embedded .css files. Previously to the latest commit, the buster was only applied to JavaScript (.js) files. The .css should also not cache when the .dll is updated/rebuilt.


    Hope this helps.


    Geoffrey McGill
    Founder
  6. #6

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Hi
    Thanks! it now works excellent!

    Best regards
    Mikael Jürke
  7. #7

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    The latest fix introduces an <ext:Button> rendering bug in Visual Studio Design mode. I'm working on a fix. 

    Runtime browser rendering still appears to work great. 


    Geoffrey McGill
    Founder
  8. #8

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Ok thanks for the info.

    /Mikael
  9. #9

    RE: [FIXED] [V0.7] Sizing bug for buttons in tabpanel

    Ok, a <ext:Button> Designer fix for Visual Studio has been committed. Hopefully we can finally close the case on this one. 

    Please let us know if you find any further <ext:Button> sizing issues. I still have a few more tests I'd like to run and will post an update if I we make any more changes. 


    Geoffrey McGill
    Founder

Similar Threads

  1. [CLOSED] tabpanel like buttons
    By Pablo_Azevedo in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Aug 23, 2011, 7:02 PM
  2. [CLOSED] Toolbar items sizing
    By SymSure in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Apr 01, 2010, 2:30 PM
  3. [CLOSED] TabPanel: tab buttons alignment
    By acrossdev in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: May 14, 2009, 10:25 AM
  4. [CLOSED] TabPanel buttons alignment
    By riccardosarti in forum 1.x Help
    Replies: 3
    Last Post: Sep 25, 2008, 5:28 PM
  5. Replies: 2
    Last Post: Mar 26, 2008, 10:41 AM

Posting Permissions