CODEWITHSUNDEEP
jqueryjquery-uijquery-ui-dialog
user2505078
user2505078

Reputation:

Jquery dialog button - positions

I have three buttons in the page. one button need to top right and another two button should be bottom left.

So how to split the button positions in jQuery?

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    position:absolute;
    top:150px;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

How to include custom image?

Upvotes: 1

Views: 6570

Answers (1)

Ani
Ani

Reputation: 4523

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    position:absolute;

}
.ui-dialog  {
    top: 10px !important;
    right:5px;

}
.ui-dialog-buttonpane .ui-dialog-buttonset {
    top: 400px;(this value depends on the page layout)
    left: 10px;
}

if you wanna use jquery

$(.ui-dialog).css('top', '10px');
$(.ui-dialog).css('right', '5px');

$(.ui-dialog-buttonpane).css('top', '400px');
$(.ui-dialog-buttonpane).css('left', '5px');

$(.ui-dialog-buttonset).css('top', '400px');
$(.ui-dialog-buttonset).css('right', '10px');

wrap this code in document.ready function Fiddle: http://jsfiddle.net/z8ZQF/4/

.ui-dialog-buttonset button:first-child {
   right:30px; 
   position: absolute;
   top: 42px;
}
.ui-dialog-buttonset{
    position:relative;
}

Upvotes: 2

Related Questions