adding values in column control | Community
Skip to main content
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

arunpatidar
Community Advisor
Community Advisor
June 4, 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

Arun Patidar
June 4, 2018

Will this work for 6.4 too?

arunpatidar
Community Advisor
Community Advisor
June 4, 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

Arun Patidar