Training for DXM Editors

Managing Images - Editing Content in V3


Test your knowledge

 

Transcript

Let’s take a look at how to manage your images using the DAM panel, and how to upload images into pages.
The DAM panel is visible when you select the panel itself from the view menu.
 
Or when you select the Editor workspace.
By default, the context of the DAM panel changes based on the current folder selected in the File View Panel. The name of the current folder is visible next to the globe. We can see the images in the DAM panel change as I select folders higher in the tree. The images in the panel are displayed from the current folder and below.
 
Within the DAM panel, I can change the layout view from Grid, to List view, to Full view. If I need to see more images I can use the arrow at the top to expand the DAM panel into to the full width of the workspace.
To access images in the DAM panel, they will first need to be uploaded into V3. You can upload multiple images into V3 by going through the following process:
 
From the File tab, select New > Model > Asset. This will populate an upload field where you can upload several images by clicking on the icon, or dragging images from your desktop to the field. Once the green check appears, click ok and your images will be available within the CMS.

Navigating back to the DAM panel, you will see the images appear in the All assets section.
 
Notice that above the All assets dropdown is a search bar. From here you can search for a specific image, and see images based on the current folder level, either the default current + child folder or parent + child folders, and home folder + children folders.  Notice how in this example that there are more images available based on which folder level you select. This is a helpful way to filter available images, especially with sites containing large amounts of images.
 
Another way to organize your images is with collections. Collections is a tool in the CMS that allows for a way to easily manage and save images within your CMS. By grouping your images into collections, you can find and use them in other parts of your site. Begin by selecting Manage. Here, you will see all the image collections within your instance. You can create a new collection here, by entering a title and clicking the green check.
Also, notice how the images are now selectable.

To move images into a collection, simply click each image, then the collection, and finally click Done. Now when you filter by collection you will see the selected images. If you wish to remove an image from a collection, simply hover over the image and click the red x. You will be prompted to confirm the image removal. Notice that the removed images are still available from the All Assets level since this only removed them from the collection.
Once you have your images uploaded and organized the way you wish, you can access these images and make changes either from the inline or the form mode.
 
First let’s take a look at the Inline mode.
When working in the inline mode, you can select an image from the DAM panel and drag to an available area. Upon dropping you will see the image immediately refresh, and I can save to confirm my change.
If you are utilizing Drag & Drop, you can add images by first placing a content block from the content block panel, and dropping the image from the DAM panel.
 
In the form mode, I can also access an image picker from image fields, and browse using a list view, thumbnail view, or full view to see all the images in my instance. Here’s my image field….
And here’s my field in List, Thumbnail View, and Full View.
 
From this image picker, I can upload images directly into the page. So, from here, I’ll choose Upload, and from my desktop, I can choose an image to drag into the field. I’ll click ok and see the image refresh.
 
There’s one more way to use the DAM panel in Form View…
You can also select an Image from the DAM panel, and drag it over to the image picker field. Once you see the highlight and arrow, you can drop the image into place.
 
In both cases, once you confirm your image, click save to add it to the page.

You should now have a better understanding of how to manage images using the DAM panel.

Thanks for watching!

Labels (1)
Version history
Revision #:
7 of 7
Last update:
‎05-29-2019 09:28 AM
Updated by:
 
Contributors
Looking for more?
Ask in Discussions
Developers

Peer-to-peer support  and answers on developing CMS templates, modifying privacy scripts or building integrations.

Digital Experience Management

Find answers and ask questions on content management, personalization and targeting.

Digital Quality Management

Find answers and ask questions on WCAG and SEO quality management.

Digital Governance

Find answers and ask questions on consent and monitoring solutions.