Toolbar button overlapped in IE6

3 posts, 1 answers
  1. mika-xws
    mika-xws avatar
    11 posts
    Member since:
    Feb 2007

    Posted 28 Oct 2008 Link to this post

    I have an issue with toolbar buttons in IE6 (but not in IE7 or Firefox 2): when arranged in a table cell, the buttons are overlapping with content from the cell to the right.

    Example:
    1 <%@ Page Language="C#" %> 
    2  
    3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    4 <html xmlns="http://www.w3.org/1999/xhtml">  
    5 <head runat="server">  
    6     <title>Telerik Demo: Overlapping of ToolBar button</title> 
    7 </head> 
    8 <body> 
    9     <form id="form1" runat="server">  
    10     <asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager> 
    11     <table border="1">  
    12         <tr> 
    13             <td> 
    14                 <radctrl:RadToolBar ID="tbarFunctionBar" runat="server">  
    15                     <Items> 
    16                         <radctrl:RadToolBarButton runat="server" Text="Button Text" /> 
    17                     </Items> 
    18                 </radctrl:RadToolBar> 
    19             </td> 
    20             <td> 
    21                 Some other content  
    22             </td> 
    23         </tr> 
    24     </table> 
    25     </form> 
    26 </body> 
    27 </html> 
    28  

    Result: the text "Some other content" overlaps the button, even though it's in another table cell.

    Has someone encountered this issue before? As workaround, I could set the toolbar table cell to a fixed width, but this is not perfect, because the button is created dynamically and can have different text or image labels in various widths.
  2. Answer
    Yana
    Admin
    Yana avatar
    4554 posts

    Posted 30 Oct 2008 Link to this post

    Hi Mika,

    We'll try to fix this issue as soon as possible, but for now the only solution I can provide is to set the width of RadToolBar.

    Regards,
    Yana
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. mika-xws
    mika-xws avatar
    11 posts
    Member since:
    Feb 2007

    Posted 30 Oct 2008 Link to this post

    OK, thanks for the workaround, Yana! Setting the width of the outer table cell helps as well.
Back to Top