AEM Proxy component Issue : carousel | Community
Skip to main content
A
AnnzRoz
Level 2
December 11, 2020
Solved

AEM Proxy component Issue : carousel

  • December 11, 2020
  • 2 replies
  • 3457 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by BrianKasingli

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.editor core.wcm.components.carousel.editor.hook.v1 core.wcm.components.carousel.v1

2 replies

arunpatidar
Community Advisor
arunpatidarCommunity Advisor
Community Advisor
December 11, 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/aemlab/clientlibs/clientlib-site/carousel.css

 

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

Arun Patidar
    A
    AnnzRozAuthor
    Level 2
    December 11, 2020
    Thanks Arun, just wanted to confirm.
    BrianKasingli
    Community Advisor and Adobe Champion
    BrianKasingliCommunity Advisor and Adobe ChampionAccepted solution
    Community Advisor and Adobe Champion
    December 11, 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/wcm/components/carousel/v1/carousel/clientlibs, 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
      BrianKasingli
      Community Advisor and Adobe Champion
      BrianKasingliCommunity Advisor and Adobe Champion
      Community Advisor and Adobe Champion
      December 11, 2020

      Try using this URL, http://localhost:4502/libs/granite/ui/content/dumplibs.test.html?categories=core.wcm.components.carousel.v1 what do you see?

      This is what I see:


      Visiting the .css file, here's what I see:

       

      Terms & ConditionsAccessibility statement

      Loading footer...