Welcome Guest Search | Active Topics | Sign In | Register

Calendar - Popup position and z-order Options
shkup
Posted: Monday, May 12, 2008 1:58:35 AM
Rank: Member
Groups: Member

Joined: 5/11/2008
Posts: 16
Hi. I use the calendar in right to left element.
I notice that when the calendar is located in the right edge of the screen it miscalculates the position and causes a scroll on the screen.
The other problem is that the popup appears behind drop downs.

How can I overcome these problems?
shkup
Posted: Monday, May 12, 2008 2:37:04 AM
Rank: Member
Groups: Member

Joined: 5/11/2008
Posts: 16
All these problems are related to the new js code I made consulting with you.
I have posted the code in the original post so you'll be able to test it yourself and see the probems.

Best. Yaron.
eo_support
Posted: Monday, May 12, 2008 8:01:17 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,218
We will look into it and get back to you as soon as possible.
eo_support
Posted: Monday, May 12, 2008 1:58:24 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,218
Hi,

We are not aware of any of those JavaScript code has anything to do with z-index. In fact we have tried into the code you posted and it works fine here. So the problem might has to do with your hosting page (the page with your GridView in), since we are unable to run that page without your data source, we were not able to reproduce the problem. Thus we need you to create a sample project that demonstrates the problem. Once you have that, you can directly email it to us.

Thanks
eo_support
Posted: Tuesday, May 13, 2008 9:48:29 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,218
Hi,

We have received and looked into the sample code you sent to us. The root of the problem is not the JavaScript code, but the sequence of the events that occured. Consider the following sequence:

1. User clicks the date picker drop down button;
2. Drop down is activated and the size of the drop down is calcuated, note at this moment the select element is empty;
3. You code fills the select element;

Step 3 causes the width of the select element to increase, which means the size calcuated on step 2 is now wrong, which causes both problems.

The solution is to make sure step 3 NOT to change the select element's size. The easiest way is to give the select a fixed size in your ClientTemplate:

Code: HTML/ASPX
<select style="width:80;px; ...." .....>
</select>


This should solve both problems for you.

Thanks

shkup
Posted: Tuesday, May 13, 2008 1:57:00 PM
Rank: Member
Groups: Member

Joined: 5/11/2008
Posts: 16
I will try it tomorrow morning. Thanks.
shkup
Posted: Wednesday, May 14, 2008 3:32:06 PM
Rank: Member
Groups: Member

Joined: 5/11/2008
Posts: 16
Did it. Works like a charm.


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.