Uploading thumbnail for a page from DAM in AEM 6.3

[manish_anand]

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?

[smacdonald2008]

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

[manish_anand]

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

[Techaspect_Solu]

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

[manish_anand]

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?

[rmahendra · Accepted solution]

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

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,

[manish_anand]

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

[manish_anand]

Any idea?

[edubey]

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

[manish_anand]

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.

Below are the properties set

[manish_anand]

[rmahendra]

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.

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.

[edubey]

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

[manish_anand]

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.

[anoopo70540109]

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

[manish_anand]

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.

[anoopo70540109]

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.

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

[manish_anand]

Hi,

yes, i have the similar requirement.

Please let me know what you have done.

[manish_anand]

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

Change your rootPath property as per your requirement.

[rajashekhar0621]

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.

[anuradhar469107]

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.