adding values in column control

[#1]

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

[#2]

Hi,

You can add values in dropdown from design mode.

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

2;cq-colctrl-lt0	2 Columns (50%, 50%)
3;cq-colctrl-lt1	3 Columns (33%, 33%, 33%)
4;cq-colctrl-lt2	4 Columns (25%, 25%, 25%,25%)
2;cq-colctrl-lt3	2 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

[#3]

Will this work for 6.4 too?

[#4]

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

[#5]

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.

[#6]

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.