Hi Guys,
I am using PanelExpanderButton in my card and its always in open state and i can toggle on chevron to make it collapse.
So can we make it collapsed on initial load and when click on can expand ?
$(
go.Panel,
"Table",
{
background: "lightgray",
stretch: go.GraphObject.Horizontal
},
$(go.TextBlock, "CARS OPTIONS", {
column: 1,
columnSpan: 2,
height: 28,
textAlign: "center",
font: '14px "IBM Plex Sans"',
margin: new go.Margin(12, 70, 2, 28)
}),
$("PanelExpanderButton", "diffBrands", {
column: 0,
alignment: go.Spot.Left,
margin: new go.Margin(-5, 0, 2, 8)
})
),
$(
go.Panel,
"Table",
{ row: 1 },
{
name: "diffBrands",
stretch: go.GraphObject.Horizontal,
defaultAlignment: go.Spot.Left,
defaultStretch: go.GraphObject.Horizontal,
defaultColumnSeparatorStroke: "gray",
defaultRowSeparatorStroke: "gray",
width: 271
},
new go.Binding("itemArray", "diffBrands"),
{
itemTemplate: $(
go.Panel,
"TableRow",
// this Panel is a row in the containing Table
new go.Binding("portId", "id"), // this Panel is a "port"
$(
go.Panel,
"Vertical",
{ width: 256, height: 60 },
$(
go.TextBlock,
{
font: '14px "IBM Plex Sans"',
stroke: "#525252",
textAlign: "center",
alignment: go.Spot.Left,
margin: new go.Margin(5, 5, 5, 60)
},
new go.Binding("text", "car")
),
$(
go.TextBlock,
{ margin: new go.Margin(5, 5, 5, -40) },
// this does not permit adding/editing/removing of parameters via inplace edits
new go.Binding("text", "car_model")
)
)
),
defaultRowSeparatorStroke: "white",
defaultRowSeparatorStrokeWidth: 3,
background: "#F4F4F4"
}
)
),
Thanks
J