change size of the inline popups modal box - UI Questions

Go to solution

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Eric Herlitz 97 posts 129 karma points

Mar 21, 2011 @ 10:44

0

Change size of the inline popups (modal box)

Hi

Im trying to figure out where I can set the size of the modal boxes, the original width: 300px; height: 400px; are way to small when using a highrez screen.

Thanks

Copy Link
Nikola Petkovic 64 posts 63 karma points

Sep 27, 2011 @ 11:32

0

Hi Eric,

In case you didnt find the solution, this could help you:

You can change the size of the modal in umbraco/js/umbracoDefault.js file.

It is a bit tricky as you have to find the exact function that opens the modal you want to resize.

Also, make sure to keep the settings when upgrading to new version of umbraco :)

Cheers!

-Nikola

Copy Link
Eric Herlitz 97 posts 129 karma points

Oct 26, 2011 @ 11:12
0
Actually found a solution that affects the modal boxes a while ago. It's the file /umbraco_client/modal/style.css file that needs to be modified

This is what I ended up modifying
```
div#umbModalBox, 
div.umbModalBox {
    position: absolute;
    top: 0;
    border: 5px #a3a3a3 solid;
    /*border-top: none;*/
    text-align: left;
    z-index: 10000;
    display: none;
    background: #fff ! important;
    font: bold 100% "Lucida Grande", Arial, sans-serif;
    width: 600px !important;
    height: 600px !important;
}

.umbModalBoxIframe {
    width: 590px;
    height: 550px;
}
```
This renders a bit bigger and better modal boxes all over the system as well as filling the mediapicker a bit better

It's very practical when handling large libraries. I'm gonna write a small filter plugin later this year and possibly release it :)
Copy Link
Jeroen Breuer 4908 posts 12265 karma points MVP 5x admin c-trib

Oct 26, 2011 @ 11:26

0

If you want to have a big popup to select media you can also use the Digibiz Advanced Media Picker. Here is screen how it looks:

Jeroen

Copy Link
is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?

Change size of the inline popups (modal box)