Joseph Michael Pesch
VP Programming

jQuery Invisible Dialog - Borderless with Transparent Background

by 1. July 2013 07:03

Here is some code to remove the titlebar from a jQuery dialog and also remove the borders and make the background transparent (effectively making the dialog itself invisible so only the actual content of the dialog is visible.

var $obj = $('selector');
$obj.dialog({ });
$obj.parents(".ui-dialog")
  .css("border", "0 none")
  .css("background", "transparent")
  .find(".ui-dialog-titlebar").remove();

Tags:

JQuery

Comments are closed