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

DatePickerFor height issue

2 Answers 80 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Jokull
Top achievements
Rank 1
Jokull asked on 09 Feb 2017, 02:13 AM

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 Answers, 1 is accepted

Sort by
0
Accepted
Viktor Tachev
Telerik team
answered on 10 Feb 2017, 01:35 PM
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.
0
Jokull
Top achievements
Rank 1
answered on 11 Feb 2017, 09:05 PM

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!

Tags
Date/Time Pickers
Asked by
Jokull
Top achievements
Rank 1
Answers by
Viktor Tachev
Telerik team
Jokull
Top achievements
Rank 1
Share this question
or