DatePickerFor height issue

3 posts, 1 answers
  1. Jokull
    Jokull avatar
    10 posts
    Member since:
    Oct 2016

    Posted 08 Feb 2017 Link to this post

    For some reason my DatePickerFor isn't working. It's height is always only 39px. So all I can see is pretty much the header. A photo of the issue is attached. Here's the code for the DatePickerFor:

    <div class="row">
      <div class="col-sm-4 col-md-3">
        @Html.LabelFor(m => m.DATEFROM, translator.Translate("DATEFROM"), new
        {
          @class = "control-label"
        })
       @(Html.Kendo().DatePickerFor(m => m.DATEFROM).Format("dd.MM.yyyy").HtmlAttributes(new
       {
         style = "width:100%;"
       }))
      </div>
    </div>

     

  2. Answer
    Viktor Tachev
    Admin
    Viktor Tachev avatar
    1812 posts

    Posted 10 Feb 2017 Link to this post

    Hi Jokull,

    Based on the provided information it would be hard to pinpoint what is causing the behavior. Nevertheless, you can try couple of things that can narrow the search.

    • Try to remove any external CSS styles that are applied on the page
    • Open the browser console by pressing F12 and see if there are any errors there
    • Inspect the containers for the Picker component and see if there is specific width applied to them


    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.
  3. Jokull
    Jokull avatar
    10 posts
    Member since:
    Oct 2016

    Posted 11 Feb 2017 Link to this post

    Thanks for the reply.

    Apparently it was some error in my css file that didn't appear in the console window but after a ton of searching I found it. My bad!

    Thanks!

Back to Top