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

KendoDatePicker z-index

3 Answers 367 Views
Date/Time Pickers
This is a migrated thread and some comments may be shown as answers.
Bill
Top achievements
Rank 1
Bill asked on 25 Nov 2014, 12:56 PM
Hi,

My colleague has passed this issue to me. What can I advise him? He has also posted to Stack Overflow: http://stackoverflow.com/questions/27127078/kendo-datepicker-z-index


I have a dynamically generated list of inputs inside a kendo accordion panel.The inputs are generated like this:

rowContent += "<td><input " + checked + " class='" + field.FieldTypeInput + "' type='" + field.FieldTypeInput + "' id='FldList_" + rowLength + "__UpdatedValue'  value='" + currentValue + "' name='FldList[" + rowLength + "].UpdatedValue' ></td>";

Some of these inputs are dates which are turned into Kendo date pickers :

$('.datepicker').kendoDatePicker();

The problem I am facing is the date popup is appearing beneath the panel (Or anything outside of the li it is in.I have tried this:

$('.datepicker').kendoDatePicker({
    open: function () {        setTimeout(function () {
             $('.ui-datepicker').css('z-index', 8888);
         }, 1);
     }
});


If I break the script by calling $('.datepicker').bob it breaks the script and therefore works (But obviously breaks the rest of the javascript functionality too.I have also tried this:

$("input[type=date]").kendoDatePicker({
    open:function(e)
        {               
            window.setTimeout(function(){ $(".k-calendar-container").parent(".k-animation-container").css("zIndex", "11000"); }, 1);
        }
  });


I have also tried changing the style:position: relative; z-index: 100000; And now I am completely out of ideas.Is anyone able to help me?
Many thanks

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 27 Nov 2014, 09:15 AM
Hello Bill,

I am trying to reproduce the same issue, but to no avail. Can you please check the following Dojo sample and let me know what I missed(you can edit it as well)?

http://dojo.telerik.com/IdEbi

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Qds
Top achievements
Rank 1
answered on 05 Jul 2017, 05:30 PM

Hi , I have the same problem.. its already a solution for this issue?..

I try changing the zIndex of the kendoWindow .. i try almost every single code, but the "k-animation-container" are cutted by the  popUp.. 

Please Help..

0
Boyan Dimitrov
Telerik team
answered on 07 Jul 2017, 12:43 PM
Hello,

We are not able to replicate such problem. Could it be possible to provide a sample dojo and some replication steps? 

Regards,
Boyan Dimitrov
Progress Telerik
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.
Tags
Date/Time Pickers
Asked by
Bill
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Qds
Top achievements
Rank 1
Boyan Dimitrov
Telerik team
Share this question
or