Auto logout -DIV on top of a rad window

[ram+telerik S]

In our application, on click of a button, we are opening a rad window. This page( which is opened in the rad window) makes some calls to web services which take some time to return.

Recently, we implemented  an "auto logout" functionality using

http://philpalmieri.com/2009/09/jquery-session-auto-timeout-with-prompt/

This functionality puts a div on top of the page, which gives an option to the user to stay in teh application.

The problem is, if we do have a rad window, the rad window goes on top of this div and is not shown to the user. How do we put a div (belonging to the parent page) on top of the iframe opened opened by radwindow

[Georgi Tunev]

Hi,

Try setting a higher z-Index to the DIV. RadWindow's default z-Index is 3001 so setting the DIV to 10000 should place it above all RadControls on the page. More information on the subject is available here.


All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[ram+telerik S]

No, it does not work. The Div goes behind the iframe (radwindow)

[Georgi Tunev]

Hi,

I checked the jQuery plugin that you are using and saw that it uses z-Index 1001, so I tried setting lower z-Index to the RadWindowManager itself - as you can see from the attached screenshot, everything is working as expected.

<telerik:RadWindowManager ID="RadWindowManager1" Style="z-index: 1000" runat="server">
    <Windows>
        <telerik:RadWindow ID="RadWindow1" runat="server" NavigateUrl="http://www.google.com"
            VisibleOnPageLoad="true">
        </telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>

<script type="text/javascript" charset="utf-8">
    $(document).ready(function()
    {
        $(document).idleTimeout({
            inactivity: 5000,
            noconfirm: 10000000000000,
            sessionAlive: 1000000000000
        });
    });
</script>

I don't know how you set the z-Index to the DIV, but I suggest to either set the RadWindowManager's z-Index like shown above or to contact the plugin's developer and ask him how you should set the z-Index to the dialog.


All the best,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Manuel Ortiz]

Hi, I am having the exact problem as you are but with a slightly different implementation of the jquery timeout window.  Please if you find any solution post it here.

Thanks,

Manuel

[Georgi Tunev]

Hello Manuel,

In my previous replies to this thread, I explained what the reason for the problem is and how it can be fixed - by changing the z-Index of the element that covers the RadWindow or by changing the RadWindowManager's z-Index. Again, if you experience problems setting the z-Index of the overlaying element that is used in the jQuery popup, I suggest to contact the developer of the plugin for more information on the subject.


Greetings,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.