Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Uploading thumbnail for a page from DAM in AEM 6.3

Avatar

Level 4

Hi All,

Is there any way to drag and drop an image as a thumnail for a page in page properties in 6.3.

Recently i migrated my application from 6.1 to 6.3.

we had this functionality in 6.1 but now we have only option to upload a thumnail but we cant use any asset from dam for thumbnails.

Any idea?? Am i missing something?

1 Accepted Solution

Avatar

Correct answer by
Employee

You could add a path browser(with name ./image/FileReference) in the page properties to select the image from dam. Something like this.

1373474_pastedImage_0.png

in AEM 63, page properties is opened in a different page instead of a dialog. So you don't have access to the content finder. I am not sure if there is any easier way to have drag and drop,

View solution in original post

31 Replies

Avatar

Level 10

See this thread from last may -- it talks about the same subject - Adding thumbnail image to Template

Avatar

Level 4

HI Smacdonald2008,

Thanks for the reply.

This thread describes the way to set thumbnail at template level which will be common for all the pages that will be created from this template.

If i am not specifying any thumbnail for a a page this template level thumbnail will come into action.

But here my requirement is to set different thumbnail for different pages. It should specifically come from dam and needs to create "FileReference" property in Image node.

Is there any way to achieve it?

Thanks

Avatar

Level 7

Hi,

You can acheive your use case by installing Adobe Experience Manager Desktop App (Adobe Experience Manager Desktop App is a new name for AEM Assets Companion App, introduced in AEM 6.1 release.)

You can download this app at:

https://helpx.adobe.com/experience-manager/kb/download-companion-app.html

Once you download Adobe Experience Manager Desktop App, follow the below steps:

1) Double-click the downloaded MSI file, and follow the instructions in the installation wizard to install AEM Desktop App.

2) To map your AEM instance with AEM Desktop App, specify the name of the host machine that runs your AEM instance and the port number (http:<aem-url>:port).

3) In the login screen, specify the user name and password for your instance. Select the Alternate Login URL option to specify an alternate AEM instance.

4) Once you login, you'll be able to see dam drive in your local system so that you can upload thumbnail image for any required page from here (DAM).

FYI:

Adobe Experience Manager Desktop App lets you map the AEM Assets repository to a network directory so assets within AEM are available at your local system.

You can create, edit, or delete files from Finder/Explorer. The changes are automatically synchronized with AEM Assets and vice-versa. In other words, any changes that you make to the assets from Finder/Explorer are reflected in AEM Assets. Similarly, any changes you make within AEM Assets are visible from Finder/Explorer.

For more information, please visit:

https://helpx.adobe.com/experience-manager/6-3/sites/administering/using/aem-desktop-app.html

We hope this information helps!

Regards,

TechAspect Solutions

Avatar

Level 4

Hi,

I dont need desktop app to to upload images.

When i am uploading an image from my local system in page properties thumbnail tab..It is creating a node image in /content directory and inside image node --file/file.sftmp->jcr:content->renditions

But i want a fileReference property to be created on image node instide file node which i discussed above.

Can it be done?

Avatar

Correct answer by
Employee

You could add a path browser(with name ./image/FileReference) in the page properties to select the image from dam. Something like this.

1373474_pastedImage_0.png

in AEM 63, page properties is opened in a different page instead of a dialog. So you don't have access to the content finder. I am not sure if there is any easier way to have drag and drop,

Avatar

Level 4

Hi,

Thanks for the help.

image icons doesnt appear in new window when we browse assets using pathbrowser granite foundation component.

do we have that functionality in pathbrowser or any other component.

regards,

Manish

Avatar

Level 10

What do you mean when you say "image icons doesnt appear in new window when we browse assets using pathbrowser"

Can you elaborate it please

Avatar

Level 4

Hi,

I meant when i use pathbrowser component to pick image from DAM in order to set thumbnail for a page.

file(image) should be displayed in form of icons, which needs to be selected but instead it is displaying default icon file image.

Is this a normal behaviour?  Can we customize it?

I check for pathfield component as well..but it is giving some js error.

dam.PNG

Below are the properties set

Avatar

Employee

You could try using the asset picker /etc/scaffolding/we-retail/product/jcr:content/cq:dialog/content/items/columns/items/column1/items/images/image/thumbnail/assetpicker.
This displays thumbnails with different views (card, list, column) and you can search as well. 1375453_pastedImage_0.png

You can check it in the product properties page. http://localhost:4502/aem/products.html/etc/commerce/products/we-retail/wo/coats

I haven't tried it myself though. Let me know if it works.

Avatar

Level 10

I suppose you can use pathfield instead of pathbrowser, it shows thumbnails images

Avatar

Level 4

I tried using assetpicker.

it isnt working for me..not even in we-retail when i created a new node with below properties

AssetPicker is coming on page but i am not able to open it.

1376136_pastedImage_0.png

1376137_pastedImage_1.png

Avatar

Level 2

Hi manish.anand​,

Is this issue has been resolved?

I have also the same requirement,if you got the solution please let me know.

Thanks

Avatar

Level 4

Hi,

Pathfield and assetPicker dint work for me.

I used pathbrowser for thumbnail selection and and setting name property ./image/fileReference.

apart from this i also created a clientlib which helps  in creating a preview when i select any file (asset) in pathbrowser window.

i dint get the image icons in window.

let me know if you find a way or anything you have added up.

Avatar

Level 2

Hi manish.anand​,

I am not sure about your exact requirement but my requirement was to select the asset from DAM for the thumbnails instead of upload image from local.

I am attaching the screenshots, if you have similar requirement let me know, will share the details.

1384268_pastedImage_0.png

and while i am browsing the DAM upload image, its showing me DAM assets only-

1384271_pastedImage_3.png

Avatar

Level 4

Hi,

yes, i have the similar requirement.

Please let me know what you have done.

Avatar

Level 4

and while i am browsing the DAM upload image, its showing me DAM assets only-

Change your rootPath property as per your requirement.

Avatar

Level 2

Hey, Could you please guide me how can i change it to pathbrowser for the thumbnail in page properties. I have the same requirement. Thank you so much.

Avatar

Level 2

Hi,

How can we extend the existing Thumbnail to add a custom path browser(DAM Upload Image as per your image). Also, once the image is selected, will the thumbnail automatically display the image or we need to modify something in the property.