Invalid Date Apostrophe not showing

2 posts, 0 answers
  1. Ron
    Ron avatar
    5 posts
    Member since:
    Jun 2011

    Posted 10 Jan Link to this post

    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>

  2. Viktor Tachev
    Admin
    Viktor Tachev avatar
    1667 posts

    Posted 13 Jan Link to this post

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