বোতাম এবং লেবেল

টুলবক্সের যেকোনো জায়গায় যেখানে ব্লক রাখা যায়, সেখানে আপনি একটি বাটন বা লেবেলও রাখতে পারেন।

JSON

{
  "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 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).

আপনার ফাংশনটিতে ক্লিক করা বাটনটিকে আর্গুমেন্ট হিসেবে গ্রহণ করতে হবে। ভ্যারিয়েবল ক্যাটাগরির "Create variable..." বাটনটি কলব্যাকসহ একটি বাটনের ভালো উদাহরণ।