Séparateurs

Ajouter un séparateur entre deux catégories crée une ligne et un espace supplémentaire entre les deux catégories.

Menu de catégories avec un espace vertical entre deux catégories.

Vous pouvez modifier la classe du séparateur dans la définition de votre boîte à outils JSON ou XML.

JSON

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

XML

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

Ajouter un séparateur entre deux blocs crée un espace entre les blocs. Par défaut, chaque bloc est séparé de son voisin inférieur par 24 pixels. Cette séparation peut être modifiée à l'aide de l'attribut "gap", qui remplacera l'espace par défaut.

Vous pouvez ainsi créer des groupes logiques de blocs dans la boîte à outils.

Boîte à outils déroulante avec un espace vertical entre un bloc de nombres et un groupe de deux blocs arithmétiques.

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>