Z-index issue controls are not working

2 posts, 0 answers
  1. Janice
    Janice avatar
    9 posts
    Member since:
    Sep 2013

    Posted 04 Jun 2014 Link to this post


    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...
  2. Janice
    Janice avatar
    9 posts
    Member since:
    Sep 2013

    Posted 05 Jun 2014 Link to this post

    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....


    Thanks anyways, we no longer need this to be resolved.
Back to Top