{"action":"created","issue":{"url":"https://api.github.com/repos/anseki/jquery-plainoverlay/issues/6","labels_url":"https://api.github.com/repos/anseki/jquery-plainoverlay/issues/6/labels{/name}","comments_url":"https://api.github.com/repos/anseki/jquery-plainoverlay/issues/6/comments","events_url":"https://api.github.com/repos/anseki/jquery-plainoverlay/issues/6/events","html_url":"https://github.com/anseki/jquery-plainoverlay/issues/6","id":116943476,"number":6,"title":"Show on top with kendo UI ","user":{"login":"bzamfir","id":4658652,"avatar_url":"https://avatars.githubusercontent.com/u/4658652?v=3","gravatar_id":"","url":"https://api.github.com/users/bzamfir","html_url":"https://github.com/bzamfir","followers_url":"https://api.github.com/users/bzamfir/followers","following_url":"https://api.github.com/users/bzamfir/following{/other_user}","gists_url":"https://api.github.com/users/bzamfir/gists{/gist_id}","starred_url":"https://api.github.com/users/bzamfir/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bzamfir/subscriptions","organizations_url":"https://api.github.com/users/bzamfir/orgs","repos_url":"https://api.github.com/users/bzamfir/repos","events_url":"https://api.github.com/users/bzamfir/events{/privacy}","received_events_url":"https://api.github.com/users/bzamfir/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-14T18:28:35Z","updated_at":"2015-11-14T19:53:43Z","closed_at":null,"body":"Hi,\r\n\r\nI'm using your lib in my app, and it is working fine.\r\nHowever, I have an issue with it.\r\n\r\nMy app uses Kendo UI, and kendoui elements are rendered on top of the overlay (see attachment)\r\n\r\nHow can I make it to show on top?\r\n\r\nThank you\r\n\r\n\r\n\r\n![2015-11-14_2025](https://cloud.githubusercontent.com/assets/4658652/11165110/2434fb58-8b0e-11e5-9371-6d42bf956c0a.png)\r\n"},"comment":{"url":"https://api.github.com/repos/anseki/jquery-plainoverlay/issues/comments/156742286","html_url":"https://github.com/anseki/jquery-plainoverlay/issues/6#issuecomment-156742286","issue_url":"https://api.github.com/repos/anseki/jquery-plainoverlay/issues/6","id":156742286,"user":{"login":"bzamfir","id":4658652,"avatar_url":"https://avatars.githubusercontent.com/u/4658652?v=3","gravatar_id":"","url":"https://api.github.com/users/bzamfir","html_url":"https://github.com/bzamfir","followers_url":"https://api.github.com/users/bzamfir/followers","following_url":"https://api.github.com/users/bzamfir/following{/other_user}","gists_url":"https://api.github.com/users/bzamfir/gists{/gist_id}","starred_url":"https://api.github.com/users/bzamfir/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bzamfir/subscriptions","organizations_url":"https://api.github.com/users/bzamfir/orgs","repos_url":"https://api.github.com/users/bzamfir/repos","events_url":"https://api.github.com/users/bzamfir/events{/privacy}","received_events_url":"https://api.github.com/users/bzamfir/received_events","type":"User","site_admin":false},"created_at":"2015-11-14T19:53:43Z","updated_at":"2015-11-14T19:53:43Z","body":"Thanks for quick reply\nYou pointed me in the right direction.\n\nI used a generic function I call to set the overlay on an container element\non the area I'm updating with ajax, as below (my function is using  j$ for\njquery because the app uses also mootools which takes over $ var):\n\nfunction showProgressJ(on, target, message) {\n    if (target.substr(0, 1) !== '#') target = '#' + target;\n\n    var $target = j$(target);\n    if ($target)\n        $target.show();\n\n    if (!on)\n        j$(target).plainOverlay('hide');\n    else\n        j$(target).plainOverlay('show',\n            {zIndex: 90000 }\n        );\n}\n\nOn the page I use\n\n    showProgressJ(true, 'dvProgress', 'Saving ...');\n\n   ....\n\n    <div id=\"dvProgress\" class=\"progress-overlay\"></div>\n\nBut that worked as I show in the screen capture.\nI was trying to apply the zindex to planOverlay itself.\n\nBut after your reply I applied the zindex to dvProgress div, and this made\nit work ok.\n\nBut I have another question\n\nIs is possible to display a dynamic text on progress overlay, as below  *Please\nwait ...*  ?\nAs you see above, my function has a message *parameter* (for compatibility\nwith previous version based on mootools), but I didn't find an option to\nwrite a test on the progress overlay.\n\n[image: Imagini inline 1]\n\nThank you\n\n\n\n\n\n\n\n2015-11-14 21:21 GMT+02:00 anseki <notifications@github.com>:\n\n> Hi bzamfir, thank you for your post.\n>\n> I don't know which element you set the overlay to, but it seems that the\n> zIndex <https://github.com/anseki/jquery-plainoverlay#zindex> option of\n> overlay is smaller than that of other elements.\n> Try to set a larger value to zIndex option.\n>\n> —\n> Reply to this email directly or view it on GitHub\n> <https://github.com/anseki/jquery-plainoverlay/issues/6#issuecomment-156737853>\n> .\n>\n"}}