how to add z-Index attribute for DatePicker

[nachid]

Adding a datePicker control to my view generates this kind of code in my HTML page
<div class="t-animation-container" style="position: absolute; width: 205px; display: none; height: 242px; top: 471px; left: 398px;" >
I wanted it to generate something with one more attribute z-Index =5
Which script should I modify to have the generated code the way I like

<div class="t-animation-container" style="position: absolute; width: 205px; display: none; height: 242px; top: 471px; left: 398px; z_index: 5" >
I am using this control with other components and I need this attributes to have it on the top of them when displayed.
What's really suprising is the fact when I add this attribute manually through FireFox, it works fine and when I add it with JQuery it did not.
Here the script I am calling
@("t-animation-container").css("z-Index", "5")

Thank you for your help

[Atanas Korchev]

Hello nachid,

This is not a valid jQuery statement:
@("t-animation-container").css("z-Index", "5")

The right statement is

$('.t-animation-container').css('z-index', '5');

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[nachid]

Hi Atanas
That's exaclty what I meant
sorry, It was a typo in my message
However, It is not woking
I can see it with FireFox
I cannot change anything to this DIV with JQuery
However, when I highlight it and I can manually modify it

[Atanas Korchev]

Hello nachid,

This JavaScript should be executed when the filter menu is visible. Perhaps you are calling it earlier. You can use CSS to set the z-index before the menu is visible or modify the grid source code.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[nachid]

Hi Atanas
Modfiying the source code , that's exactly what I want to do.
Can you help and tell me wich script should I modify to have it generating

<div class="t-animation-container" style="position: absolute; width: 205px; display: none; height: 242px; top: 471px; left: 398px; z_index: 5" >

Instead of
<div class="t-animation-container" style="position: absolute; width: 205px; display: none; height: 242px; top: 471px; left: 398px;>

I guess it is somewhere in calendar.js but I cannot find it
I made a search with the keyword "t-animation-container" without success
I really appreciate your help
Thanks again

[Atanas Korchev]

Hello nachid,

Here are the required steps:

1. Open telerik.datepicker.js
2. Find the following block of code
   animationContainer.css($.extend({
                       position: 'absolute'
                   }, elementPosition));
3. Replace it with this
   animationContainer.css($.extend({
                       position: 'absolute',
                       zIndex: 5
                   }, elementPosition));

Greetings,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[nachid]

Hi Atanas
Thank you for your time
I looked deeply through telerik.datepicker.min.js and I could not find such statement
Through the whole script file there is no mention of the word "animationContainer"
I searched with my visual studio search tool and I also did it manually but there is not "animationContainer"

I am quite sure I am searching in the wrong script file then

[Atanas Korchev]

Hi nachid,

You should use telerik.datepicker.js which is shipped with the source code. The minified version telerik.datepicker.min.js is compressed and animationContainer is renamed to something else.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[nachid]

Hi Atanas
Thank you so much for your help
It is working perfectly now