Limit selections of images

terencejackson8000 · April 22, 2020, 8:01am

Hi,

is there any way to limit the selection of Images when Image is chosen as type?
I have tried:
{
“maxlength”: 1
}
but it is not working.

raffaelj · April 22, 2020, 2:32pm

That’s not possible right now. I wrote a fix a while ago for a custom TinyMCE addon with an image selection, where I always expected a single selection. It’s not complicated to fix it, but the assets component would have to check the field type so it knows, if it was called from gallery (multiple) or image/asset/html/wysiwyg/markdown/… (single).

I don’t have the time right now, but here is the snippet to deselect all assets except the last clicked one in a wysiwyg field:

github.com

raffaelj/cockpit_CpMultiplaneGUI/blob/master/assets/getImage.js#L111-L123


dialog.on('selectionchange', function(e, s) {


    if (Array.isArray(s) && s.length) {


        // make multiple select to single select
        s = s.slice(-1);
        assetsComponent.selected = s;


        asset = s[0];


    }


});

And here is the part, where a check could be implemented:

github.com

agentejo/cockpit/blob/next/modules/Cockpit/assets/components/cp-assets.tag#L477-L490


select(e) {


    if (App.$(e.target).is('a') || App.$(e.target).parents('a').length) return;


    var idx = this.selected.indexOf(e.item.asset);


    if (idx == -1) {
        this.selected.push(e.item.asset);
    } else {
        this.selected.splice(idx, 1);
    }


    App.$(this.root).trigger('selectionchange', [this.selected]);
}

Topic		Replies	Views
Multi-Select Photos/Assets? Support	5	306	September 20, 2023
Image Field Options Support	1	421	October 28, 2021
Select all from assets, show # per-page Feature Request	2	562	November 15, 2020
Field Gallery - Select all assets in a folder	2	776	April 22, 2020
Restrict selectable file-type in asset field Support	2	798	March 26, 2020

Limit selections of images

Related topics