Help with RadTextBox and RadMaskedTextBox validation

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

    Posted 25 Jun 2013 Link to this post

    I was looking at the example here: http://demos.telerik.com/aspnet-ajax/input/examples/common/validation/defaultvb.aspx?#qsf-demo-source
    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:

    .InputText
    {
        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
    Admin
    Vasil avatar
    1547 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:
    http://stackoverflow.com/questions/14007655/remove-ie10s-clear-field-x-button-on-certain-inputs

    Regards,
    Vasil
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top