Monthly Archives: August 2013

Show jQuery Dialog Close Button in Left

jquery-dialog-close-on-left-side

Introduction

In this aricle you can see how to move jQuery dialog close (X) button from right to left. Usually, jQuery dialog has Close button on top right corner. In the previous article we have seen how to remove close (X) button from jQuery Dialog. It’s not require more changes or no need to diggin into jQuery Dialog JavaScript. It done with only few lines of css code.

[css]
.ui-dialog .ui-dialog-titlebar-close {
left: .3em !important;
}
.ui-dialog .ui-dialog-title {
margin: .1em 0 .1em .8em !important;
}
[/css]

and it’s done… Copy n Paste below code into your page and see the demo…