Strange blue colored padding at bottom of some controls

5 posts, 1 answers
  1. Robert
    Robert avatar
    18 posts
    Member since:
    Nov 2015

    Posted 26 Apr Link to this post

    I've approached support about this, but since I can't upload a solution verbatim to a Dojo, I can't really reproduce it (that I know of).

    In the attached screenshot, you can see that the DropDownList and other controls that are either Kendo controls or style by Kendo theme look normal, but the datePicker and NumericTextBox have a thick blue padding at the bottom. And the datePicker's icon is displaced to the right.

     

    Any ideas are welcome. I can't post the example per se, as the apps are huge and involve a SQL database etc that I can't upload. However, this issue has been present for as long as I've been using Kendo controls, formerly in ASP.Net forms and now in html/WEBApi applications.

    Thanks, Bob Graham

  2. Robert
    Robert avatar
    18 posts
    Member since:
    Nov 2015

    Posted 26 Apr in reply to Robert Link to this post

    I should probably add that this may only be happening with controls inside a kendoWindow.

    I'll add more later. Thanks

  3. Kendo UI is VS 2017 Ready
  4. Robert
    Robert avatar
    18 posts
    Member since:
    Nov 2015

    Posted 27 Apr in reply to Robert Link to this post

    Support asked if I was using k-textbox class on these controls.  I was, so I removed that and the location of the datePicker Icon is now correct but the problem with the blue padding at the bottom remains.

    And I verified that this only happens in a kendoWindow.

    Bob

  5. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 28 Apr Link to this post

    Hi Bob,

    I tried to reproduce the blue bottom padding issue but to no avail (dojo). However, I believe it is styling related - could you please try removing all other CSS files (leaving only the Kendo UI ones) and let me know if the same problem occurs? 

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Robert
    Robert avatar
    18 posts
    Member since:
    Nov 2015

    Posted 28 Apr in reply to Iliana Nikolova Link to this post

    It turned out to be caused by having margin-bottom: 12px on the input.

    Changed it to padding-bottom: 12px on the td element instead.

    Thanks
Back to Top
Kendo UI is VS 2017 Ready