Dear Kendo Team,
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.
Regards,
Przemek
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.
Regards,
Przemek
8 Answers, 1 is accepted
0
Hello Przemyzlaw,
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.
Regards,
Kamen Bundev
the Telerik team
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.
Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Hello Przemyslaw,
There is now an internal build that should fix this issue. Let me know if it works okay for you.
All the best,
Kamen Bundev
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,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Przemek
Top achievements
Rank 1
Rank 1
answered on 26 Mar 2013, 01:42 PM
Hi Kamen,
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 :)
Regards,
Przemyslaw
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 :)
Regards,
Przemyslaw
0
Przemek
Top achievements
Rank 1
Rank 1
answered on 27 Mar 2013, 02:20 PM
Hello once again,
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?
Regards,
Przemyslaw
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?
Regards,
Przemyslaw
0
Hello Przemyslaw,
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.
Regards,
Kamen Bundev
the Telerik team
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.
Regards,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
JP Morgan CE
Top achievements
Rank 1
Rank 1
answered on 18 Oct 2013, 07:22 PM
I am having the same issue. I just installed the latest version (Kendo UI Complete v2013.2.918) with no success. Is there something I need to declare on the popover for it to open over the modal view.
0
Hi Charles,
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.
Regards,
Kamen Bundev
Telerik
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.
Regards,
Kamen Bundev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Garima
Top achievements
Rank 1
Rank 1
answered on 11 Aug 2015, 07:32 AM
Hi,
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