Modal dialog window background on specific div

4 posts, 0 answers
  1. Shabtai
    Shabtai avatar
    38 posts
    Member since:
    Nov 2012

    Posted 02 Jul 2013 Link to this post

    Hi,

    How can I change shadow background area to specific DIV while displaying modal kendo window?

    Thank you.

    Shabtai
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 04 Jul 2013 Link to this post

    Hello Shabtai,

    I am afraid such an option is not available. You can show and hide a custom modal background on the page by using the Window events.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Christian
    Christian avatar
    31 posts
    Member since:
    Jul 2014

    Posted 12 Aug 2014 in reply to Dimo Link to this post

    Hi,

    I would like to close the window with a click on the background. 
    This would be nicer to use on mobile devices.

    How can I do that?

    Thank you!
  5. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 13 Aug 2014 Link to this post

    Hello Christian,

    You can attach a click handler on the page <body> and close the Window via its API method. Don't forget to check whether the original target element inside the event handler is outside the Window, otherwise you should not close it.

    If the Window is modal, you can attach a click handler only to the modal overlay, which is a div.k-overlay element and a child of the <body>.

    Regards,
    Dimo
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready