Highlighted

adding values in column control

ankitas66284256

04-06-2018

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

Replies

Highlighted

Arun_Patidar

MVP

04-06-2018

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

Highlighted

Arun_Patidar

MVP

04-06-2018

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

Highlighted

smacdonald2008

04-06-2018

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.

Highlighted

lotustechsol

19-06-2018

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.