Help with RadTextBox and RadMaskedTextBox validation

2 posts, 1 answers
  1. Ryan
    Ryan avatar
    16 posts
    Member since:
    Dec 2012

    Posted 25 Jun 2013 Link to this post

    I was looking at the example here:
    and there are some things that I can't seem to figure out how to do.

    First of all in the masked text boxes like phone number, there is no yellow alert triangle when you try and enter numbers. On my page this appears on top of the red highlighting, and it does not look since it overlaps the black "X" that is on all textboxes in IE10.

    Also I noticed that the Hire Date stays highlighted when the input is invalid. Is there any easy way to do this?

    I can't seem to find anything special in the code on the demo page that handles any of these things.

    This is the code for my RadMaskedTextbox:
    <telerik:RadMaskedTextBox ID="_phone1" runat="server" MaxLength="25" CssClass="InputText" Mask="(###) ###-####"></telerik:RadMaskedTextBox>

    And this is the CSS for it:

        BORDER-RIGHT: #4d4a46 1px solid;
        BORDER-TOP: #4d4a46 1px solid;
        FONT-SIZE: 9pt;
        BORDER-LEFT: #4d4a46 1px solid;
        COLOR: black;
        BORDER-BOTTOM: #4d4a46 1px solid;
        FONT-FAMILY: Arial, Helvetica, Sans Serif;
        BACKGROUND-COLOR: white

    I have also attached a picture of the yellow alert triangle that I am talking about in the masked textboxes.
  2. Answer
    Vasil avatar
    1541 posts

    Posted 28 Jun 2013 Link to this post

    Hi Ryan,

    The yellow triangle depends on the styling. Some of the skins have it, like "Default" and some don't, like "Silk", you can create custom skins based on your design if you want.

    If you want to remove the 'X' button in IE10 check this:

    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. Telerik UI for ASP.NET Core is out
Back to Top