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 : Style Integration

Avatar

Avatar
Ignite 5
Level 2
sagrawal
Level 2

Likes

3 likes

Total Posts

29 posts

Correct Reply

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

Avatar
Ignite 5
Level 2
sagrawal
Level 2

Likes

3 likes

Total Posts

29 posts

Correct Reply

0 solutions
Top badges earned
Ignite 5
Ignite 3
Ignite 1
Give Back 3
Give Back
View profile
sagrawal
Level 2

24-08-2020

Hello Everyone, I am new to AEM and looking for industry best practices to be followed in AEM styling for custom components. 

Standard style system

Replies

Avatar

Avatar
Validate 1
MVP
Nirmal_Jose
MVP

Likes

119 likes

Total Posts

207 posts

Correct Reply

58 solutions
Top badges earned
Validate 1
Establish
Coach
Contributor
Shape 1
View profile

Avatar
Validate 1
MVP
Nirmal_Jose
MVP

Likes

119 likes

Total Posts

207 posts

Correct Reply

58 solutions
Top badges earned
Validate 1
Establish
Coach
Contributor
Shape 1
View profile
Nirmal_Jose
MVP

25-08-2020

Hi @sagrawal ,

From AEM core components perspective, we follow BEM like convention for css and use style system based presentation layer modelling. Please refer to [1] and [2] for best practices.

 

[1] - https://docs.adobe.com/content/help/en/experience-manager-learn/sites/developing/style-system-techni...

[2] - https://docs.adobe.com/content/help/en/experience-manager-learn/sites/developing/style-organization-...

Avatar

Avatar
Ignite 5
Level 2
sagrawal
Level 2

Likes

3 likes

Total Posts

29 posts

Correct Reply

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

Avatar
Ignite 5
Level 2
sagrawal
Level 2

Likes

3 likes

Total Posts

29 posts

Correct Reply

0 solutions
Top badges earned
Ignite 5
Ignite 3
Ignite 1
Give Back 3
Give Back
View profile
sagrawal
Level 2

08-10-2020

Thanks for above information. 

 

1. Is there any other approaches also that we follow for custom stylings.

2.  I am developing a list components and want to give provision to author on couple options to show list as  

 a) Grid option b) Carousel c) Horizontal 

 

So do we have some OOB AEM options (classes/functions)  to achieve this.