During past few days I have been experimenting with modal views and popovers trying to get them working together. Unfortunately, I have not succeeded, hence the questions below.
I would like to have a split view and after clicking on a button a modal view should be displayed. This is working fine. However, inside the modal view I would like to have elements (e.g. buttons) which would open a popover attached to them. After clicking on those elements, although there are no errors, the popover is not visible. Checking the site with a DOM inspector shows that the popover is hidden behind the modal view (z-index issue).
Could you please check if the described scenario is feasible with Kendo UI? If it is not a bug then could you please share a snippet showing how to use modal views and popovers at the same time?
After playing with popover's z-index I discovered a second issue. When the popover's z-index will be adjusted so that it will be in the foreground, clicking anywhere outside it will not only close the popover, but also the modal view beneath it will be closed. This behavior suggests that those two controls have not been designed to work together, which is very unfortunate for the project I am working on.
To sum up, I would like to know if it is possible to use popovers with modal views and if it is supported then how it should be implemented? if it is not, is there any chance that this will be fixed or implemented? when one can possible expect that?
Thank you in advance for you assistance. Please note that I have found an old thread (http://www.kendoui.com/forums/permalink/vG9f3CXSHk6nbHL9rzNRTg) mentioning that problem, but in my view it's rather popover issue, hence my post in this section.
8 Answers, 1 is accepted
Thank you for noticing this - it is definitely a bug. I've fixed it, but it is too late for the fix to get into the final Q1 release as it needs to be properly tested. I'll follow up after the release tomorrow and will push an internal build that fixes the issue.
the Telerik team
There is now an internal build that should fix this issue. Let me know if it works okay for you.
All the best,
the Telerik team
Thank you very much for taking care about this issue. I won't have time to look into this till tomorrow, but as soon as I will manage to test this internal build I will post a message here.
Once again, thank you for your support :)
It is just to confirm that it works ok :)
Now, the question is when we can expect this fix to become part of an official release?
When the fix is included in an internal build, it will be also part of the next release, in this case the Q1 service pack next month.
the Telerik team
No, you just need to define the PopOver inside the ModalView. Can you share some sample code or page where we can reproduce it? Thank you in advance.
I am also facing the same issue , popover is not getting displayed over the modal.Can you help how you fixed your issue.
Here is sample code how I am launching the popover
<button id="marksButton" type="button"' +
'data-toggle="popover" data-placement="auto right" data-container="body" ' +
'data-content="' + kendo.htmlEncode(marks) + '"' +
'data-title="Marks" data-trigger="click" data-role-me="content-popover" > Marks</button>
This is working fine when we are calling this directly in the html page but while calling inside a modal popover is not coming at all.
Can you please help to fix this issue.
Thank you in Advance