How to move the jQueryUI close button on the dialog box at the top of the upper...
source link: https://www.codesd.com/item/how-to-move-the-jqueryui-close-button-on-the-dialog-box-at-the-top-of-the-upper-right-corner.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
How to move the jQueryUI close button on the dialog box at the top of the upper right corner?
I'm using jQueryUI and have a modal dialog setup. The designer wants the close button to look like this:
I currently have it set up like this:
The icon is not quite right, ignore that, I do however want to move it up into that top right corner. I thought I could accomplish it with the following CSS:
.ui-dialog .ui-dialog-titlebar-close {
border-radius: 17px;
height: 33px;
margin: -10px 0 0;
padding: 1px;
position: absolute;
right: -18px;
top: -24%;
width: 33px;
z-index: 9999;
}
However now it looks like this:
How do I get it on top of the dialog? I already have a big z-index on it which doesn't work.
Thankyou.
set class ui-dialog css property overflow as visilble. Hope that helps.
Related Articles
How to add a date and time in the upper right corner of a menu?
Can I absolutely place an item in the upper right corner of a & lt; Td & gt; element?
Insert a logo in the upper right corner of R
How to add a cross button in the upper-right corner of the navigation drawer
How to insert a floating button in the upper right corner of the screen in JS
How to put the button in the upper right corner?
Put the button in the upper right corner inside the div box
How to design a div with an icon from the upper right corner?
How do I open and close a Material-UI dialog box in Meteor / React?
How to insert the image in the upper right corner of the panel header using flex?
How do I adjust the position of the balls in the upper right corner with Foundation?
css: how to position a sign X in the upper right corner of the img element
How to create a triangle shape in the upper right corner of another div to divide by a border
YTPlayerView: remove the Share button in the upper right corner
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK