Calendar Icon Not Appearing Correctly

3 posts, 1 answers
  1. David
    David avatar
    10 posts
    Member since:
    Jun 2012

    Posted 05 Jul Link to this post

    I have bootstrap 3.3.6 in my .NET project and Telerik 2016.2.607.45 and have put a RadDatePIcker on my page. I have set the skin to Bootstrap, but the calendar icon is only half appearing. Are there any thoughts as to why this might be occurring?

    When I look at the Developer Tools it appears to be linked to the box-sizing: border-box css property in bootstrap.min.css, as when I untick this the calendar appears correctly, but then the rest of the page's structure changes.

  2. Answer
    Orlin
    Admin
    Orlin avatar
    22 posts

    Posted 05 Jul Link to this post

    Hello David,

    In general our controls are not 100% Bootstrap compatible and it is not supported. I can however offer you a workaround that may help in your case. Just add the following to a custom CSS file linked in your application:
    .RadPicker .rcSelect * {
        box-sizing: content-box;
    }

    That shouldn't interfere with the rest of your layout.

    I hope this helps.


    Regards,
    Orlin
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David
    David avatar
    10 posts
    Member since:
    Jun 2012

    Posted 05 Jul in reply to Orlin Link to this post

    Orlin,

    Thanks ever so much,that workaround solved the issue perfectly.

    David

Back to Top