Make the dialog modal wider or adjustable & draggable

Created on 21 July 2024, 9 months ago
Updated 14 September 2024, 7 months ago

Problem/Motivation

When opening the browser of available tokens from the CKEditor button, the modal window is narrow and not resizable, ie. less usable and nice looking than when opened at /token/tree from the default "Browse available tokens" anchor tag.

Looking at either /js/ckeditor5_plugins/tokenBrowser/src/token-browser-command.js or /js/plugins/tokenbrowser/plugin.js I see:

dialogClass: 'token-browser-dialog',
autoResize: false,
modal: false,
draggable: true,

but changing those didn't have an effect (infact the dialog wasn't draggable already).

I then tried installing admin_dialogs module to edit the modal width but, while it worked for the default dialogs provided by Token module, either by targeting it by path (/token/tree) or CSS class (for our case here it would be token-browser-dialog), I couldn't achieve the same for the dialog opened by the CKEditor plugin button "[-]".

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Feature request
Status

Active

Version

2.0

Component

Code

Created by

🇮🇹Italy kopeboy Milan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024