MaskedEditValidator baloon tooltip - AJAX Control Toolkit

Question

I'm using MaskedEditValidator for validating Date input. I want to show balloon like tool tip instead of the normal message in red color which is creating alignment problems everywhere.

I have to stick to MaskedEditValidator as lot of implementation is already done around it.

AJAX Control ToolKit Version : 3.5.40412.0

Answer 1

You can use the ValidatorCallout extender for that purpose:

<ajaxToolkit:MaskedEditValidator ID="YourMaskedEditValidator" runat="server"
    ControlExtender="YourMaskedEditExtender"
    ControlToValidate="YourMaskedTextBox" Display="None" />

<ajaxToolkit:ValidatorCalloutExtender ID="YourMaskedEditCallout" runat="server"
    TargetControlID="YourMaskedEditValidator" />