Hi
I'd like my "selected buttons" to be shown with a height of 60.
I have this both in my matrix props field and each "separate field":
props.height = 60
props.expand = false
props.contain = false
I tried to put this in the css too :
.widget:nth-child(...){height:60px;}
And i also tried settings like this :
props.height =
$ === 0 ? 40 :
$ >0 && $ <6 ? 20 : 80
props.expand =
$ === 0 ? true :
$ >0 && $ <6 ? true : false
props.contain =
$ === 0 ? true :
$ >0 && $ <6 ? true : false
But they still expand to fill the whole matrix.
What am i misunderstanding, there ?
Thank you
This works fine:
Maybe there's a conflict with some other css rules you're not showing here.
expand is useless if the parent container has contain set to false.
contain is not a property for the button widget.
Yes, my problem comes with the visibility switches.
In the example down below, the matrix props are just :
JS{
var props = {}
props.height = $ == 0 ? 60 : 25
props.visible = $ > 2 && $ < 7 ? @{button} : 1
return props
}
Plus expand:false ; contain: false ; scroll: true
Both panel and matrix have 22 buttons, 19 showed / hidden by the button.
So, is there any way to have the buttons in the matrix keep their height, like those in the panel ?
This rule in the matrix' css would do:
> inner, .widget {
display: block;
}