Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Responsive Sightly Column Component

Avatar

Level 2

I wanted to share a component with the community as they help me so much already. I made a responsive sighlty column component based on bootstraps 12 grid that is easily extendable.

I found this one in the helpx and almost had a heart attack when I seen they just toggled entire div structures.

I looked into the acs-commons column control and it was not easy to control the CSS break points, This also had too many variable to account for with our authors.

So I created a component that take a csv and parses the css classes to determine the number of parsys' to render and how to render them. This will also maintain your authors content if they change the layout. I created this ColumnControl for the community to use and modify as needed.

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi

Please have a look at this references article:

Link:- http://aempodcast.com/2016/front-end-engineering/implement-responsive-layout-aem-part-2/#.WMfVHm-GPR...

// Help in building The Responsive Column Controller

I hope this would help you.

~kautuk



Kautuk Sahni

View solution in original post

1 Reply

Avatar

Correct answer by
Administrator

Hi

Please have a look at this references article:

Link:- http://aempodcast.com/2016/front-end-engineering/implement-responsive-layout-aem-part-2/#.WMfVHm-GPR...

// Help in building The Responsive Column Controller

I hope this would help you.

~kautuk



Kautuk Sahni