Showing and hiding a dialog box
Showing or hiding an element can be done by
- Setting its display property to none or
- Setting its visibility to hidden.
Display: An element whose display is set to none does not consume space in the layout i.e. the layout of the rest of the element is done as if this element did not exist at all.
Visibility: An element whose display is set to hidden the element is still layed out but it is not shown i.e. the element consumes space. Hence an invisible element still affects the layout.
Thanks & Regards,
Arun Manglick || Tech Lead