Show jQuery Dialog Close Button in Left



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.

.ui-dialog .ui-dialog-titlebar-close {
left: .3em !important;
.ui-dialog .ui-dialog-title {
margin: .1em 0 .1em .8em !important;

and it’s done… Copy n Paste below code into your page and see the demo…
[gist id=”6227853″]

Leave a Reply

Your email address will not be published. Required fields are marked *