moving dialog titlebar to bottom
Hello,
I use UI dialog as a modal popover and only need close button, not title bar. Since I couldn't do that I removed the background and border for titlebar in css. However that leaves a blank space at top of dialog that doesn't look good, so I prefer to move title bar to bottom left of dialog (instead of top right).
I tried to use "position: absolute" which moves the title bar to bottom but disables the close button functionality. I appreciate your help on this.
my css is:
.ui-widget-header { border: 0px; color: #222222; font-weight: bold; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px 0 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; left: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }