11
Views
3
Comments
Solved
How to resize the columns in column widget ?
Application Type
Mobile

I am not able to resize the columns in a column5 widget. I want each columns to be of different size. Please help


Attaching a screenshot below for reference


Rank: #70
Solution

Hi Rajbarath,


This widget has the purpose of having all columns the same size.

Can you consider using containers and define their width (on Tab Styles) in columns or percentage?


In this way, you can control the width of every column and will be responsive since the size is in columns or percentage.


Regards,
João

You also can try add some  CSS to the screen:

. with the inspect learn what is the Id from the column you want to change.

. add to the screen CSS   

div[id="b4-Column5"]{
    min-width: ???;
}

Use the Id you have found in the previous step in the place of  "b4-Column5" and the width you want in the place of ???. 

Pay attention also to the Column5 parameters value , mainly TabletBehavior and PhoneBehavior , that can lead to strange behaviors if the width is forced by our CSS


Thanks Joao. It worked