18
Views
5
Comments
Solved
Columns small left change firt  column width ?

Hello !

Anybony know how can i change the with in 

ColumnsSmallLeft

Best Regards 


Captura.JPG

Rank: #95
Solution

Hello Andy,

Hope you're doing well.

ColumnsSmallLeft is a widget from OutSystemsUI module. If you open a clone of OutSystemsUI you will see that you have the following class associated to that widget:

columns-small-left


If you search for that class in OutSystemsUI style sheet, you will find this:

So, you just need to redefine that class for the values that you pretend. For example, you can add this CSS in your screen if you want to make the width of the first column even smaller:

.columns.columns-small-left > .columns-item:last-child{
    -webkit-box-flex: 4;
            -ms-flex: 4;
                flex: 4;
}


Hope that this helps you!


Kind regards,

Rui Barradas