Hi,
i spent some time to see why this bug happens and i put together a small example. Perhaps you should do something about it.
I atttached a snapshot of a simple textbox that breaks to the 100% width of the container it resides on if you hapen to use "table { width:100% }" inside a css file.
Here is the code:
i spent some time to see why this bug happens and i put together a small example. Perhaps you should do something about it.
I atttached a snapshot of a simple textbox that breaks to the 100% width of the container it resides on if you hapen to use "table { width:100% }" inside a css file.
Here is the code:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> table { width:100%; } </style> <style type="text/css"> *html .rfdDecorated, *html a.rfdSkinnedButton, { vertical-align: top !important; } *+html .rfdDecorated, *+html a.rfdSkinnedButton { vertical-align: top !important; } </style> </head> <body style="background-color:#fff;"> <form id="form1" runat="server"> <telerik:RadScriptManager ID="ScriptManager" runat="server" /> <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="All" /> <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" Skin="Black" PersistenceMode="Cookie"> </telerik:RadSkinManager> <table style="width:100%; height:200px;" border="1"> <tr> <td> <asp:TextBox ID="TextBox1" runat="server" style="width:200px;" /> </td> </tr> </table> </form> </body> </html>
Thank you.
1 Answer, 1 is accepted
0
Hi George,
In IE browsers RadFormdecorator uses a table in order to show rounded corners. This is why the global setting for the tables:
breaks the RadFirmDecorator's behavior. In your case you need to remove this global setting or add another one which will override it in order to set width:auto for the table used in the decorator:
I hope this helps.
All the best,
Fiko
the Telerik team
In IE browsers RadFormdecorator uses a table in order to show rounded corners. This is why the global setting for the tables:
table{ width: 100%;}table.rfdRoundedWrapper{ width: auto;}I hope this helps.
All the best,
Fiko
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items