Skip Navigation

[Résolu] Make editing dialog boxes resizable.

This support ticket is created Il y a 7 années. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Aucun de nos assistants n'est disponible aujourd'hui sur le forum Jeu d'outils. Veuillez créer un ticket, et nous nous le traiterons dès notre prochaine connexion. Merci de votre compréhension.

Sun Mon Tue Wed Thu Fri Sat
- - 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00
- - - - - - -

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Marqué : 

Ce sujet contient 4 réponses, a 2 voix.

Dernière mise à jour par diyanK Il y a 7 années.

Assisté par: Beda.

Auteur
Publications
#595199

Please take a look at this screenshot

lien caché

( I have a 5k monitor, and I'm stuck editing in a 1999 era resolution dialog box. )

Please make all those dialogs resizable or even better - a fullscreen option!

Thanks!

#595241

I am aware about this issue and some follow up issues (If you resize, you will loose the screen at some point).

But we can currently not change much there.
We have some problems with dialogs (modals) since we are still using $.colorbox on a large number of important dialogs.
We need and want to change all dialogs to use jQuery.ui.dialog, I am pretty sure that most of the problems will be solved at once when this migration will be done.
I am not sure whether jQuery UI dialogs do this resizing automstically or we will need to adsust them on our side.

But rest assured that this is already in our plans, just, right now we cannot provide it.

I added your voice to the issues counter so it also gets more priority.

#595266

Okay, since I love playing around with CSS I managed to achieve some good results.

Here is my patch, I put this in admin.css file:

div#colorbox, div#cboxWrapper, div#cboxContent, div#cboxLoadedContent, div#ddl-default-edit {
    height: 90vh!important;
    width: 94vw!important;
    left: 1vw!important;
    top: 5px!important;
}
div.ddl-dialog-content { max-height: 85vh; }
div.CodeMirror { height: 100%!important; } 

I am using this in my functions.php to load admin.css in from my theme directory.

// Custom Admin CSS
function admin_style() {
  wp_enqueue_style('admin-styles', get_stylesheet_directory_uri().'/admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');

It is not perfect but works nice for me.

#595293

☺️

Great.
I am sure other users will be happy to see this workaround.

We will proceed on the process mentioned above, but I cannot yet state any ETA.

Thank you for sharing the solution!

#595337

Okay, closing ticket now.