Separatori

L'aggiunta di un separatore tra due categorie crea una riga e uno spazio aggiuntivo tra le due categorie.

Un menu di categorie con uno spazio verticale tra due categorie.

Puoi modificare la classe del separatore nella definizione della cassetta degli attrezzi JSON o XML.

JSON

{
  "kind": "sep",
  "cssConfig": {
    "container": "yourClassName"
  }
}

XML

<sep css-container="yourClassName"></sep>

L'aggiunta di un separatore tra due blocchi crea uno spazio tra i blocchi. Per impostazione predefinita, ogni blocco è separato dal blocco adiacente inferiore da 24 pixel. Questa separazione può essere modificata utilizzando l'attributo "gap", che sostituirà la spaziatura predefinita.

In questo modo puoi creare gruppi logici di blocchi nella cassetta degli attrezzi.

Una cassetta degli attrezzi a scomparsa con uno spazio verticale tra un blocco di numeri e un gruppo di due blocchi matematici.

JSON

{
  "kind": "flyoutToolbox",
  "contents": [
    {
      "kind": "block",
      "type":"math_number"
    },
    {
      "kind": "sep",
      "gap": "32"
    },
    {
      "kind": "block",
      "type"" "math_arithmetic"
      "fields": {
        "OP": "ADD"
      },
    },
    {
      "kind": "sep",
      "gap": "8"
    },
    {
      "kind": "block",
      "type"" "math_arithmetic"
      "fields": {
        "OP": "MINUS"
      },
    }
  ]
}

XML

<xml id="toolbox" style="display: none">
  <block type="math_number"></block>
  <sep gap="32"></sep>
  <block type="math_arithmetic">
    <field name="OP">ADD</field>
  </block>
  <sep gap="8"></sep>
  <block type="math_arithmetic">
    <field name="OP">MINUS</field>
  </block>
</xml>