PopOver opened in a modal view is shown beneath it

9 posts, 0 answers
  1. Przemek
    Przemek avatar
    2 posts
    Member since:
    Mar 2013

    Posted 18 Mar 2013 Link to this post

    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
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 19 Mar 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 26 Mar 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Przemek
    Przemek avatar
    2 posts
    Member since:
    Mar 2013

    Posted 26 Mar 2013 Link to this post

    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
  6. Przemek
    Przemek avatar
    2 posts
    Member since:
    Mar 2013

    Posted 27 Mar 2013 Link to this post

    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
  7. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 27 Mar 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  8. JP Morgan CE
    JP Morgan CE avatar
    1 posts
    Member since:
    May 2013

    Posted 18 Oct 2013 Link to this post

    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.
  9. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 22 Oct 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  10. Garima
    Garima avatar
    1 posts
    Member since:
    Aug 2015

    Posted 11 Aug 2015 in reply to Przemek Link to this post

    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

Back to Top
Kendo UI is VS 2017 Ready