Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Size filed option not available in core image component

Avatar

Avatar
Validate 1
Level 1
ramaem12
Level 1

Like

1 like

Total Posts

25 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 1
Boost 1
View profile

Avatar
Validate 1
Level 1
ramaem12
Level 1

Like

1 like

Total Posts

25 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 1
Boost 1
View profile
ramaem12
Level 1

22-07-2020

I am working on Project modernization for my client and they had following feature in their dialog and it is using sling:resourceSuperType to foundation/components/image

Screen Shot 2020-07-21 at 11.43.50 PM.png

There is no much information on how it will render the page in the image.jsp class. When I went through the implementation, I realized this change added to the image on the page by OOTB implementation.

 

Issue:
Now I created my new Image component, and it is pointing to core/components/image/v2/image. When I add above the same sizefield and numberfield for height and width in my component, it is not rendering those values in the image on my page.

Why it got removed from the core component dialog and how they covered in new implementation ?

what would be the best implementation if we need to add in our dialog?

 

6.4.2 core components image ootb

Replies

Avatar

Avatar
Give Back 10
MVP
Varun_Shakya
MVP

Likes

124 likes

Total Posts

97 posts

Correct Reply

24 solutions
Top badges earned
Give Back 10
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Give Back 10
MVP
Varun_Shakya
MVP

Likes

124 likes

Total Posts

97 posts

Correct Reply

24 solutions
Top badges earned
Give Back 10
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile
Varun_Shakya
MVP

22-07-2020

Go through these links for customizing the core components

https://www.albinsblog.com/2020/04/aem-core-components-deep-dive-how-to-extend-aem-core-cmponents.ht...

https://docs.adobe.com/content/help/en/experience-manager-core-components/using/developing/customizi...

 

If size field is not present in OOTB(image -v2) and you have added it yourself in dialog. Then take values from the field and manage the size of image. 

 

Avatar

Avatar
Establish
MVP
Nupur_Jain
MVP

Likes

165 likes

Total Posts

186 posts

Correct Reply

76 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 25
View profile

Avatar
Establish
MVP
Nupur_Jain
MVP

Likes

165 likes

Total Posts

186 posts

Correct Reply

76 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 25
View profile
Nupur_Jain
MVP

22-07-2020

Hi @ramaem12 

 

Core Image components provides more adaptive/responsive image options. There is no option for width and height but there are options to edit the image and crop it as per requirment. In design dialog(component policy) of the core component, there is otions to add crop predefined options. Refer https://docs.adobe.com/content/help/en/experience-manager-core-components/using/components/image.htm... to learn more about image component. You might get better option.

 

If you want to add the needed size options. you can refer https://docs.adobe.com/content/help/en/experience-manager-core-components/using/developing/customizi... on how to customize the core comonents.

 

Below are few more links that can help you to customize core component :
https://www.netcentric.biz/insights/2017/05/new-core-components.html

https://levelup.gitconnected.com/aem-extend-core-component-models-using-resource-type-association-an...(This seems more appropriate as the example used is core vs image component).

 

Hope it helps!

Thanks!

Nupur