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:
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.
Example:
| <%@ Page Language="C#" %> | |
| <!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>Telerik Demo: Overlapping of ToolBar button</title> | |
| </head> | |
| <body> | |
| <form id="form1" runat="server"> | |
| <asp:ScriptManager ID="scriptManager" runat="server"></asp:ScriptManager> | |
| <table border="1"> | |
| <tr> | |
| <td> | |
| <radctrl:RadToolBar ID="tbarFunctionBar" runat="server"> | |
| <Items> | |
| <radctrl:RadToolBarButton runat="server" Text="Button Text" /> | |
| </Items> | |
| </radctrl:RadToolBar> | |
| </td> | |
| <td> | |
| Some other content | |
| </td> | |
| </tr> | |
| </table> | |
| </form> | |
| </body> | |
| </html> | |
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.