question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Select multiple images

See original GitHub issue

Describe the bug Hi there, no matter how I configure the CMS, I am not able to select multiple images in the images widget. As you can see in my config I have tried allow_multiple as well as passing a config to the media library (which is only necessary if I use a third party media library?)

To Reproduce

  1. create a new post
  2. select media
  3. media browser opens
  4. i click the first media and it’s selected
  5. i click the second media, it’s selected and the first is deselected

Expected behavior I expected to be able to select multiple images or some kind of button to enable this.

Applicable Versions:

  • Netlify CMS version: 2.10.20
  • Git provider: Github
  • OS: Mac
  • Browser version Chrome 80
  • Node.JS version: 13.6.0

CMS configuration

media_folder: example/data/media
public_folder: /media

collections:
  - label: "Settings"
    name: "settings"
    editor:
      preview: false
    files:
      - label: "Feed"
        name: "feed"
        file: "example/data/settings/feed.yml"
        fields:
          - {label: Name, name: name, widget: string}
          - {label: Username, name: username, widget: string}
          - {label: Description, name: description, widget: text}
          - {label: Website, name: website, widget: string}
          - {label: Avatar, name: avatar, widget: image}
  - name: "post"
    label: "Posts"
    label_singular: "Post"
    folder: "example/data/posts"
    create: true
    slug: "{{year}}-{{month}}-{{day}}-{{slug}}"
    editor:
      preview: false
    fields:
      - { label: "Title", name: "title", widget: "string" }
      - label: "Media"
        name: "media"
        widget: "image"
        allow_multiple: true
        media_library:
          config:
            multiple: true
      - { label: "Location", name: "location", type: "Point", widget: "map", required: false }
      - { label: "Body", name: "body", widget: "text", required: false }

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (2 by maintainers)

github_iconTop GitHub Comments

34reactions
elbothocommented, Apr 26, 2020

Just because it took me way to long to figure this out: While a bit tedious you can add multiple images to a file/entity by using a list-widget. Maybe it helps someone 😄

9reactions
erezrokahcommented, Feb 12, 2020

To get multiple image support you’ll need to use an external media library like https://www.netlifycms.org/docs/cloudinary/

We might need to re-phrase: image

As it doesn’t make it very clear.

Also https://github.com/netlify/netlify-cms/issues/2243

Read more comments on GitHub >

github_iconTop Results From Across the Web

Select multiple images from android gallery - Stack Overflow
For selecting multiple images in the gallery with Android Jetpack Compose. ... And then use launcherMultipleImages.launch("image/*") to start the images selection ...
Read more >
Photos Resources - Select multiple pictures in Google Photos
Hold the Shift key and hover with the mouse over a thumbnail. When the thumbnails turn blue you can click. Now all pictures...
Read more >
How to select multiple images to add to another app on your ...
Learn how to grab multiple images and then add them to another app, using this multi -touch gesture on iPhone.To learn more about...
Read more >
How to Select Multiple Images from Gallery in Android?
How to Select Multiple Images from Gallery in Android? · Step 1: Create a New Project · Step 2: · Step 3: Working...
Read more >
The one move that will select all the photos on your phone
To grab several at once, you can enter selection mode by long-pressing on one photo, and then tapping on other pictures or on...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found