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.

5 replies

arunpatidar
arunpatidar
New Participant
Jun 4, 2018 12:23 PM UTC

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

Translate
Arun Patidar
ankitas66284256Author
New Participant
Jun 4, 2018 12:37 PM UTC

Will this work for 6.4 too?

Translate
arunpatidar
arunpatidar
New Participant
Jun 4, 2018 1:07 PM UTC

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

Translate
Arun Patidar
    Terms & ConditionsAccessibility statement

    Loading footer...