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

Z-index issue controls are not working

1 Answer 74 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Janice
Top achievements
Rank 1
Janice asked on 04 Jun 2014, 10:12 PM
Hello,

I am using the RadScheduler control with the AdvancedForm pop up and the issue i am having is that even though i have set the Z-index to 10000 (from other Forum threads) I am not able to access my drop downs on the AdvancedForm.

The Z-Index works because the advanced form template is always on top of my other controls no matter where i move it on the screen, but if the controls are not directly over the RadScheduler they are not "Active" or something...

I included a couple of screen shots

allcontrolswork    when the entire AdvancedForm is over the RadScheduler
advancedform_Room_orgno_donotwork    Two of my Resource drop downs are above the grid.
onlyobjectsthatareoverscheduler                Students Text box works, you can enter a number but translator Required drop down does not work, neither does the save or cancel buttons.

The Z-index are as follows

 Radscheduler      200
advancedForm.ascx  main div tag is associated with these CSS styles


<div class="rsAdvancedEdit rsAdvancedModal" style="position: relative">

in scheduler.css I have set these values


.RadScheduler .rsAdvancedEdit .rsAdvTitle {
height: 30px;
position: relative;
z-index: 10000 !important; }



.RadScheduler div.rsAdvancedModal .rsAdvContentWrapper {
position: relative;
z-index: 10000 !important;
background: none;
border-width: 1px 0 0 0; }

It doesnt allow me to attach .css files or my advancedform.ascx so this is all i can share at the moment... if you have seen this error before please let me know.

The strangest thing is it works locally on my machine, its only when i migrate to a Web Server that this doesnt work.

Any Help would be much appreciated...

1 Answer, 1 is accepted

Sort by
0
Janice
Top achievements
Rank 1
answered on 05 Jun 2014, 05:07 PM
We decided to make the advanced edit template (unmovable) to resolve our issue.  It is docked over our grid, and all the controls are accessable now.  I used this article below to help me set the .css styles of the advanced form....

​http://www.telerik.com/support/kb/aspnet-ajax/scheduler/details/how-to-control-the-position-of-the-modal-advanced-form

Thanks anyways, we no longer need this to be resolved.
Tags
Scheduler
Asked by
Janice
Top achievements
Rank 1
Answers by
Janice
Top achievements
Rank 1
Share this question
or