دکمه‌ها و برچسب‌ها، دکمه‌ها و برچسب‌ها، دکمه‌ها و برچسب‌ها، دکمه‌ها و برچسب‌ها

شما می‌توانید هر جایی که می‌توانید یک بلوک در جعبه ابزار قرار دهید، یک دکمه یا برچسب قرار دهید.

جی‌سون

{
  "kind": "flyoutToolbox",
  "contents": [
    {
      "kind": "block",
      "type":"logic_operation"
    },
    {
      "kind": "label",
      "text": "A label",
      "web-class": "myLabelStyle"
    },
    {
      "kind": "label",
      "text": "Another label"
    },
    {
      "kind": "block",
      "type": "logic_negate"
    },
    {
      "kind": "button",
      "text": "A button",
      "callbackKey": "myFirstButtonPressed"
    },
    {
      "kind": "block",
      "type": "logic_boolean"
    }
  ]
}

XML

<xml id="toolbox" style="display: none">
  <block type="logic_operation"></block>
  <label text="A label" web-class="myLabelStyle"></label>
  <label text="Another label"></label>
  <block type="logic_negate"></block>
  <button text="A button" callbackKey="myFirstButtonPressed"></button>
  <block type="logic_boolean"></block>
</xml>

<style>
.myLabelStyle>.blocklyFlyoutLabelText {
  font-style: italic;
  fill: green;
}
</style>

شما می‌توانید یک نام کلاس CSS برای اعمال روی دکمه یا برچسب خود مشخص کنید. در مثال بالا، برچسب اول از یک سبک سفارشی استفاده می‌کند، در حالی که برچسب دوم از سبک پیش‌فرض استفاده می‌کند.

دکمه‌ها باید توابع فراخوانی داشته باشند؛ برچسب‌ها نباید داشته باشند. برای تنظیم فراخوانی برای یک کلیک روی دکمه‌ی مشخص، از

yourWorkspace.registerButtonCallback(yourCallbackKey, yourFunction).

تابع شما باید دکمه‌ای که روی آن کلیک شده است را به عنوان آرگومان بپذیرد. دکمه‌ی "ایجاد متغیر..." در دسته‌ی متغیرها، مثال خوبی از یک دکمه با قابلیت فراخوانی مجدد است.