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

GoJS
1

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

The shape:

myDiagram.nodeTemplateMap.add(“Validation”,
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)
));

Thanks
Itay

2

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.

3

Thanks for the quick response :)

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

4

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 GridLayout | GoJS API and GridLayout | GoJS API and perhaps other properties.

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

Thanks you very much :-)