Shape in the pallete to be smaller after being dragged to the canvas

I want the the shape size in the pallete will be smaller after drag it to the canvas

The shape:

GoJs(go.Node, “Spot”, nodeStyle(),
GoJs(go.Panel, “Auto”,
GoJs(go.Shape, “Rectangle”,
{ minSize: new go.Size(140, 80), fill: “#76b7e8”, stroke: ‘#ffff00’, strokeWidth: 4 }),
GoJs(go.TextBlock, “Validation”,
{ font: “bold 11pt Open Sans”, stroke: lightText },
new go.Binding(“text”, “designerDisplayName”))
makePort(“T”, go.Spot.Top, true, true),
makePort(“L”, go.Spot.Left, true, true),
makePort(“R”, go.Spot.Right, true, true),
makePort(“B”, go.Spot.Bottom, true, true)


One easy way to implement that using the same template(s) in both the Palette and the main Diagram is to set the Diagram.initialScale on the Palette to be a value larger than 1.0.

The Canvases sample sets that property on the Palette to 0.5 in order to make the items smaller than they will be in the Diagram.

Thanks for the quick response :)

Another question:
How can I make spaces beween the items in the palette?

Spacing between items in the palette is determined by the Palette.layout. By default that is a GridLayout, so you just need to set the and and perhaps other properties.

$(go.Palette, . . .,
    "layout.spacing": new go.Size(5, 5),
    . . .

Thanks you very much :-)