adding values in column control

Avatar

Avatar

ankitas66284256

Avatar

ankitas66284256

ankitas66284256

04-06-2018

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

Replies

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

3.1K

Likes

1.2K

Correct Reply

883

Avatar

Arun_Patidar

MVP

Total Posts

3.1K

Likes

1.2K

Correct Reply

883
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

Avatar

Avatar

ankitas66284256

Avatar

ankitas66284256

ankitas66284256

04-06-2018

Will this work for 6.4 too?

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

3.1K

Likes

1.2K

Correct Reply

883

Avatar

Arun_Patidar

MVP

Total Posts

3.1K

Likes

1.2K

Correct Reply

883
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

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Reply

2.3K
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.

Avatar

Avatar

lotustechsol

Avatar

lotustechsol

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.