Displaying Window widget screws up my page's design

2 posts, 0 answers
  1. louis
    louis avatar
    16 posts
    Member since:
    Nov 2011

    Posted 10 Nov 2012 Link to this post

    I have attached 3 images,

    home.png is how my bootstrap-themed website looks like

    I added this line of code in my page, right at the bottom

    @(Html.Kendo().Window()
    .Name("window")
    .Title("test")
    .Content("loading...")
        .LoadContentFrom("Login", "Authentication")
        .Modal(true)
        .Draggable()        
    )

    modal1.png is how the site looks like with the modal window

    after.png is how the site looks like after I've closed the modal window

    I'd like to know what is causing the design of my site to mess up?

    When I looked in the page source of the code, this is causing the page to render incorrectly

    <div id="window"></div><script>
    jQuery(function(){jQuery("#window").kendoWindow({"modal":true,"iframe":false,"draggable":true,"title":"test","resizable":false,"content":"/login","actions":["Close"]});});
    </script>

    I tried removing kendoui's css from my layout page, but the result is the same.


  2. louis
    louis avatar
    16 posts
    Member since:
    Nov 2011

    Posted 11 Nov 2012 Link to this post

    It's ok, the issue has been resolved. It's the stylesheets in my modal popup that is causing the problem
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top