AEM Proxy component Issue : carousel

Avatar

Avatar

AnnzRoz

Avatar

AnnzRoz

AnnzRoz

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

BrianKasingli

MVP

Avatar

BrianKasingli

MVP

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

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

840

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

840
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