Round corner for telerik radtextbox

5 posts, 0 answers
  1. sho
    sho avatar
    24 posts
    Member since:
    Mar 2007

    Posted 19 Aug 2011 Link to this post


    How can I make telerik radtextbox rounded corner?

  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 19 Aug 2011 Link to this post

    Hello Sho,

    You can achieve this using RadFormDecorator.It will not style elements that have a class assigned - in such case we  want to have control over the look of the element. This being said you could force the decorator to style RadTextBox if you set RadTextBox's Skin to an empty string.
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Textbox"
            EnableRoundedCorners="true" />
        <telerik:RadTextBox ID="RadTextBox1" runat="server" Text="RadTextBox1" Skin="">

  3. Anna
    Anna avatar
    10 posts
    Member since:
    Dec 2010

    Posted 19 Jun 2013 Link to this post

    This method clearly no longer works with the latest update Q2 2013.  I would be curious to know how to achieve this now.
    Thank you,
  4. msigman
    msigman avatar
    141 posts
    Member since:
    Apr 2008

    Posted 19 Jun 2013 Link to this post

    I can confirm that this is an issue I am seeing on Q2 2013 as well, and was previously working up to Q1 2013.  It renders correctly at first, but as soon as the user hovers over the field, the rounded corners are lost.  I've alerted the Telerik staff so they can address it.
  5. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 20 Jun 2013 Link to this post

    Hi All,

    This seems to be an issue with the decoration of RadInput by RadFormDecorator. It has been logged as a feedback item here, so that you can monitor, comment or raise its priority by voting on it. For the time being you can manually add RadFormDecorator's classes to the RadInput, so that it persists its appearance on hover too:
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" Skin="Black"
        EnableRoundedCorners="true" />
    <telerik:RadTextBox ID="RadTextBox1" runat="server" Text="RadTextBox1" Skin="" CssClass="rfdRoundedCorners rfdDecorated">

    Danail Vasilev
    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.
Back to Top