I have a web page that uses a Form Decorator in a master page. All is working fine, except for the Numeric Textbox. It is not accepting the RoundedCorners setting of the Form Decorator. A screen capture showing the page is attached.
The source code for the Decorator is:
The source code for the numeric textbox (Line #) is:
You will notice there is a second numeric textbox (N Days After Contract Signing) on the page. It also does not show rounded corners.
All other text boxes on the page are standard MS asp:TextBoxes. Also, you will see that the Rad ComboBox (Letter) has correctly displayed rounded corners.
Is there something I am doing incorrectly or is there a problem with the numeric textbox?
Thanks in advance for assistance!
Lynn
The source code for the Decorator is:
<telerik:RadFormDecorator Skin="Office2010Silver" Enabled="true" ID="QsfFormDecorator" DecorationZoneID="rfd-demo-zone" runat="server" DecoratedControls="All" EnableRoundedCorners="true" EnableEmbeddedSkins="true" />The source code for the numeric textbox (Line #) is:
<telerik:RadNumericTextBox ID="MPlanActLine" runat="server" TabIndex="1" Width="100px" Type="Number" NumberFormat-DecimalDigits="0"></telerik:RadNumericTextBox>You will notice there is a second numeric textbox (N Days After Contract Signing) on the page. It also does not show rounded corners.
<telerik:RadNumericTextBox ID="MPlanActCPDaysAfterSigning" runat="server" TabIndex="4" Width="100px" Type="Number" NumberFormat-DecimalDigits="0"></telerik:RadNumericTextBox>All other text boxes on the page are standard MS asp:TextBoxes. Also, you will see that the Rad ComboBox (Letter) has correctly displayed rounded corners.
Is there something I am doing incorrectly or is there a problem with the numeric textbox?
Thanks in advance for assistance!
Lynn
2 Answers, 1 is accepted
0
Hello Lynn,
In order to style RadInput you need to set the Skin property to empty string (Skin=""). In this manner you'll be able to see the rounded corners.
You can refer to this help topic for more information: Integration With RadControls.
I hope this helps.
Regards,
Venelin
Telerik
In order to style RadInput you need to set the Skin property to empty string (Skin=""). In this manner you'll be able to see the rounded corners.
You can refer to this help topic for more information: Integration With RadControls.
I hope this helps.
Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Lynn
Top achievements
Rank 2
Rank 2
answered on 25 Jul 2013, 04:02 AM
Venelin,
Works perfectly! Oooops...It does NOT work perfectly. Your suggestion did resolve the rounded corners, except after a "mouseover" event occurs.
I have attached 2 new screen captures...the first (_1) shows the screen before any mouseover events occur. All of the numeric textboxes are displayed with rounded corners and look fine thanks to the Skin="" suggestion.
The second screen capture (_2) shows what happens after the mouseover event. The width of the controls has increased substantially AND the rounded corners are now gone.
I have read where I need to set the width of the textbox in the code behind in other forum entries, but that will not resolve the rounded corners issue. As before, this page is using the form decorator just as it was before my original post so (other than the addition of the Skin="" entry) the source code is exactly the same as before.
How do I keep the rounded corners after the mouseover event?
Lynn
Works perfectly! Oooops...It does NOT work perfectly. Your suggestion did resolve the rounded corners, except after a "mouseover" event occurs.
I have attached 2 new screen captures...the first (_1) shows the screen before any mouseover events occur. All of the numeric textboxes are displayed with rounded corners and look fine thanks to the Skin="" suggestion.
The second screen capture (_2) shows what happens after the mouseover event. The width of the controls has increased substantially AND the rounded corners are now gone.
I have read where I need to set the width of the textbox in the code behind in other forum entries, but that will not resolve the rounded corners issue. As before, this page is using the form decorator just as it was before my original post so (other than the addition of the Skin="" entry) the source code is exactly the same as before.
How do I keep the rounded corners after the mouseover event?
Lynn