.Net, ASP.NET, Checkbox, Dialog, GridView, JavaScript, JQuery, Programming, Web Development

Using a JQuery Modal Dialog with Checkboxes in an ASP.NET GridView

GridView with a JQuery Dialog
GridView with a JQuery Dialog

Recently I wanted to use the stock JQuery UI modal dialog confirmation widget with an ASP.NET GridView control. The image above shows the basic setup that I wanted the GridView to have.

As you can see, the grid should have several data columns followed by a column containing Checkboxes. The JQuery dialog should be triggered by the click event of each Checkbox. When the user clicks on a Checkbox in the GridView, the JQuery dialog should appear only if a Checkbox has already been selected. Furthermore, the user should be given two buttons as actions. The OK button will allow the check to happen, but the Cancel button will undo the check of the Checkbox.

Continue reading “Using a JQuery Modal Dialog with Checkboxes in an ASP.NET GridView”

Advertisement
Dialog, JavaScript, JQuery, Programming, Web Development

The Default zIndex of a JQuery UI Dialog

While I was working with a JQuery UI dialog today I noticed that some of the absolutely positioned layers on my page would overlap with a JQuery UI dialog when dragging the dialog object across the form. This broke the basic movement option of the dialog and would be unacceptable for users of the Web page.

The reason for the overlap was that the z-index of some layers on the page were at a higher index level than the default index level of the dialog. This led me to ask the question: what exactly is the default z-index of an unmodified  JQuery UI dialog?

Continue reading “The Default zIndex of a JQuery UI Dialog”