Configuration Layout Component - Remove Gap

[k0sa]

Hello,
i created simple component with two “Generic JavaScript View” nodes. Inside this node i only setup background color. (Screen below).

Is there a way to remove gap between this two layers ? I’m guessing somewhere in “Advanced Composite View Layout” but really i don’t know how to do this.

[armingrudd]

Hi @k0sa and sorry for the long delay,

The gap there is because of the view container padding which is not accessible to the user atm.

[philcremer]

You can create a row and nest those two widget (rows). In the Advanced Composite View Layout section insert a “additionalStyles” : [ “background-color: green;” ] that will set the background of those two widgets. Use it right after the “type”: “row” row and right before the last.

Example:
“rows” : [ {
“type” : “row”,
“additionalStyles” : [ “background-color: green;” ],
“columns” : [ {
“content” : [ {
“type” : “view”,
“nodeID” : “11”,
“useLegacyMode” : true,
“resizeMethod” : “viewLowestElement”,
“resizeTolerance” : 5,
“sizeWidth” : false,
“scrolling” : false,
“sizeHeight” : true,
“autoResize” : true,
“additionalStyles” : [ “background-color: green;” ]
}, {
…