When using a modal view, using tabs as the widget selector is a handy way to partition the browser functionality. Settings – Using a modal display for field-based browsers helps to keep the node edit form clean and having no selection plugin streamlines the editor experience. Each browser will be set up almost exactly the same with a few small but key differences (admin/config/content/entity_browser). Just like the 'Media' View displays we discussed in Step 3, each media bundle needs its own Entity browser (plus one for WYSIWYG embedding). You might also want to set custom breakpoints in your theme so your image styles switch the at the same screen sizes as your design. 600px is a nice rule of thumb for retina functionality because you get sharp images while retaining reasonable file sizes. 2x styles are used by the responsive images core module to show larger files on retina screens. I like to create as many image styles as the site design dictates with a few extra for WYSIWYG embedding-as well as a 2x responsive style for each one that is less than 600px wide. Once defined, we'll have the option to select an image style as we are placing an image in our content. Drupal's Image Styles has always be the tool of choice for this setup (admin/config/media/image-styles). Having preset sizes helps for consistency and many editors are uploading media direct from the source, and not resizing or cropping beforehand. When adding or placing media, editors should have the ability to choose some predefined sizes for their uploads. I recommend using the default for all of these options to keep your files as lightweight and uncomplicated as possible. EXIF data is camera and settings data recorded in the image file by your digital camera. The edit screen has a lot of other options like having media gather EXIF (Exchangeable Image File Format) data, metadata, and publishing options. After adding your fields, go back to the edit screen for the bundle and choose your media field as the source. The only field you must have on each bundle is the source reference media field (image, file, etc). Skip all the rest of the fields and options and save your bundle after these first steps- you need to create the source field in order to configure the rest of the options.Īfter you save your created bundles, you can go back to add a custom caption field or any other field you require. If your media type is not available, make sure you have its corresponding media entity module enabled and have cleared cache.

You can choose the media type with the 'Type provider' pulldown.

images, videos, etc.) and for simplicity's sake, I suggest naming your bundles to match the type of media they’ll be used for. We'll make a bundle for each type of media (e.g. Media bundles are Drupal 8's version of file types and can be found in under /admin/structure.

Responsive resize for drupal 8