CODEWITHSUNDEEP
jquerycssjquery-dialog
Bronzato
Bronzato

Reputation: 9332

Remove the line separator between the buttons and the content in a jquery dialog

I have a jQuery dialog where buttons are separated from content by a solid line. Is it possible to remove this line? I didn't find a way to do this.

enter image description here

Thanks.

Upvotes: 3

Views: 4161

Answers (3)

yoda
yoda

Reputation: 10981

Caught with Firebug :

.ui-dialog .ui-dialog-buttonpane { border-width: 0 !important; }

Upvotes: 13

w3uiguru
w3uiguru

Reputation: 5895

Find the class .ui-widget-content and remove the border: 1px solid #AAAAAA; . but doing this will remove the border from the entire class and it may effect on other elements where class .ui-widget-content is applying so it is better to remove the class from the element from where you want to remove the border itself and write custom css rules as per your requirement.

Upvotes: 0

xdazz
xdazz

Reputation: 160833

Try the css:

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0;
}

Upvotes: 1

Related Questions