Numeric Textbox Not Decorating Correctly

3 posts, 0 answers
  1. Lynn
    Lynn avatar
    186 posts
    Member since:
    Sep 2006

    Posted 21 Jul 2013 Link to this post

    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:
    <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!

  2. Venelin
    Venelin avatar
    352 posts

    Posted 24 Jul 2013 Link to this post

    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.

    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.
  3. Lynn
    Lynn avatar
    186 posts
    Member since:
    Sep 2006

    Posted 24 Jul 2013 Link to this post


    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?

Back to Top