Dialogs always visible

2 posts, 0 answers
  1. malcolm
    malcolm avatar
    5 posts
    Member since:
    Jun 2015

    Posted 08 Feb 2019 Link to this post

    I have a page with a pair of dialog controls on it.  They "pop-up" into the center of the screen and work as they should, aside from the fact they are also constantly visible at the bottom of the page, overlapping each other.

    Here's the definitions:

    @(Html.Kendo().Dialog()
              .Name("confirmVoid")
              .Title("Void Ticket")
              .Content("Are you sure you want to void this ticket?")
              .Width(300)
              .Modal(true)
              .Visible(false)
              .Actions(action =>
              {
                  action.Add().Text("Yes").Action("onYesVoid");
                  action.Add().Text("No");
              })
    )
     
    @(Html.Kendo().Dialog()
              .Name("voidSuccess")
              .Title("Void Ticket")
              .Content("The ticket was voided successfully")
              .Width(300)
              .Modal(true)
              .Visible(false)
              .Actions(action =>
              {
                  action.Add().Text("OK");
              })
    )
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5812 posts

    Posted 11 Feb 2019 Link to this post

    Hi Malcolm,

    There is nothing obviously wrong in those dialog definitions and my best guess is that there is either invalid HTML on the page, or some CSS that causes their elements to always be visible.

    I'm attaching here a simple view + layout that I used for testing and that seem to work fine for me, so you can compare against them and find the difference causing the problem. If this doesn't help, please modify my sample to showcase the issue so I can investigate.


    Regards,
    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top