This is a migrated thread and some comments may be shown as answers.

Invalid Date Apostrophe not showing

1 Answer 81 Views
DatePicker
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Ron asked on 10 Jan 2017, 05:52 PM

I am trying to use a RadDatePicker and when an invalid date is entered only part of the box is actually highlighted in red and the "apostrophe" icon is missing altogether. I am using the Bootstrap skin (applied in web.config). I tried removing the RequiredFieldValidator to make sure the CSS wasn't messing it up but that did not solve the problem. The demo from Telerik seems to work great with this skin. Any help would be appreciated. I have attached the demo screen shot from Telerik and from my page.

 

<div class="row">
     <div class="col-md-6">
         <asp:Label ID="lblEffDate" runat="server" Text="Effective Date:" CssClass="text-muted vendor-label-85"></asp:Label>
    </div>
</div>
        <div class="row">
            <div class="col-md-6">
                <telerik:RadDatePicker ID="rdpEffectiveDate" runat="server" Width="50%"></telerik:RadDatePicker>
                <asp:RequiredFieldValidator ID="rfvEffDate" runat="server" Display="Dynamic"
                    Font-Size=".75em"
                    Font-Italic="true"
                    ErrorMessage="* required" 
                    ForeColor="#F04124"
                    ControlToValidate="rdpEffectiveDate" ValidationGroup="NewItemValidation">
                </asp:RequiredFieldValidator>
            </div>
        </div>

1 Answer, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 13 Jan 2017, 02:04 PM
Hi Ron,

The error you describe is rather strange. Would you open the browser console and see if there are any errors or missing resources listed? It is possible that some CSS styles are not loaded correctly and because of this the error icon is not displayed.

In case the issue persists please send us a small project where the behavior is replicated. Thus, we will be able to examine the code and look for what is causing the problematic behavior.


Regards,
Viktor Tachev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
DatePicker
Asked by
Ron
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Share this question
or