AEM Proxy component Issue : carousel

Question

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).

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

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

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

.

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

AEM 6.5.5.0 is the version.

BrianKasingli · Accepted Answer

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/wcm/components/carousel/v1/carousel/clientlibs, simply refer to the client libraries from here :core.wcm.components.carousel.v1.editorcore.wcm.components.carousel.editor.hook.v1core.wcm.components.carousel.v1

arunpatidar · Answer

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/aemlab/clientlibs/clientlib-site/carousel.css

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

Sign up

Login with SSO

Login to the community

Login with SSO