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

AEM Proxy component Issue : carousel

Avatar

Avatar
Validate 1
Level 1
AnnzRoz
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile

Avatar
Validate 1
Level 1
AnnzRoz
Level 1

Likes

0 likes

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
View profile
AnnzRoz
Level 1

10-12-2020

I have tried to create a proxy component of the adobe core component - Carousel-v1 (https://aemcomponents.dev/content/core-components-examples/library/container/carousel.html).

 

proxy.JPG 

sling:resourceSuperType - core/wcm/components/carousel/v1/carousel

In the AEM Product catalog page of carousal , the buttons are icons :

iconInCatalog.JPG
In my proxy component , the icons are coming as buttons :

.IconInProxy.JPG

Which CSS should i call to make it like the catalog page ?  

AEM 6.5.5.0 is the version.

AEM 6.5.5.0 AEM Proxy component carousel

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Establish
MVP
BrianKasingli
MVP

Likes

644 likes

Total Posts

605 posts

Correct Reply

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

Avatar
Establish
MVP
BrianKasingli
MVP

Likes

644 likes

Total Posts

605 posts

Correct Reply

239 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile
BrianKasingli
MVP

11-12-2020

When using the Core WCM Carousel Component, the CSS for this component can be found here, https://github.com/adobe/aem-core-wcm-components/tree/master/content/src/content/jcr_root/apps/core/... simply refer to the client libraries from here :

core.wcm.components.carousel.v1.editor
core.wcm.components.carousel.editor.hook.v1
core.wcm.components.carousel.v1

Answers (1)

Answers (1)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,429 likes

Total Posts

3,304 posts

Correct Reply

937 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,429 likes

Total Posts

3,304 posts

Correct Reply

937 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

11-12-2020

AEM Component Library using custom css to change look and feel of indicator.

You need to write custom css to :

float indicator to right

hide label

add new icon using pseudo after selector

Example - https://github.com/arunpatidar02/aemaacs-aemlab/blob/master/ui.apps/src/main/content/jcr_root/apps/a...

 

you can ask front end people in your team they would be able to help