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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

adding values in column control

Avatar

Level 1

How to add values in colum layout 'dropdown', in column control component in AEM 6.4?

5 Replies

Avatar

Community Advisor

Hi,

You can add values in dropdown from design mode.

Go to design mode and update Allowed format e.g.

2;cq-colctrl-lt02 Columns (50%, 50%)
3;cq-colctrl-lt13 Columns (33%, 33%, 33%)
4;cq-colctrl-lt24 Columns (25%, 25%, 25%,25%)
2;cq-colctrl-lt32 Columns (66%, 33%)

However you need to further write CSS rule to display column in particular formate.

for eg 3 column layout you need to write CSS like

/*3 Column ColCtr*/

  .cq-colctrl-lt1-c0,

    .cq-colctrl-lt1-c1,

  .cq-colctrl-lt1-c2{

        float: left;

        width: 32%;

    }

    .cq-colctrl-lt1-c0,

    .cq-colctrl-lt1-c1{

        margin-right: 1%;

    }

    .cq-colctrl-lt1-c1,

    .cq-colctrl-lt1-c2{

        margin-left: 1%;

    }

Thanks

Arun

Avatar

Community Advisor

Hi,

Are you using template type and responsive grid?

If yes, You can set component policy for col-ctrl, and check if works.

And if you want you can create your own custom column control  as well.

Creating a custom Touch UI Grid Component for Adobe Experience Manager

Thanks

Arun

Avatar

Level 10

Creating the custom grid using Bootstrap gives you complete control over the layout. You can add a parsy in each cell too that lets you drop other AEM components into it.

Avatar

Level 2

In AEM communities, CKEditor is used as default editor. All we want is, we want to use CKEditor as a default editor in all places in AEM.