Dialogs always visible

[malcolm]

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");
          })
)

[Marin Bratanov]

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