Stay organized with collections
Save and categorize content based on your preferences.
blockly > ZoomControls
ZoomControls class
Class for a zoom controls.
Signature:
export declare class ZoomControls implements IPositionable
Implements: IPositionable
Constructors
Properties
| Property |
Modifiers |
Type |
Description |
| id |
|
string |
The unique ID for this component that is used to register with the ComponentManager. |
Methods
| Method |
Modifiers |
Description |
| createDom() |
|
Create the zoom controls. |
| dispose() |
|
Disposes of this zoom controls. Unlink from all DOM elements to prevent memory leaks. |
| getBoundingRectangle() |
|
Returns the bounding rectangle of the UI element in pixel units relative to the Blockly injection div. |
| init() |
|
Initializes the zoom controls. |
| position(metrics, savedPositions) |
|
Positions the zoom controls. It is positioned in the opposite corner to the corner the categories/toolbox starts at. |
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2024-09-18 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-09-18 UTC."],[[["\u003cp\u003eThe ZoomControls class manages the zoom functionality within a Blockly workspace.\u003c/p\u003e\n"],["\u003cp\u003eIt provides methods for creating, positioning, and disposing of zoom controls UI elements.\u003c/p\u003e\n"],["\u003cp\u003eZoomControls can be initialized and positioned based on workspace metrics and layout.\u003c/p\u003e\n"],["\u003cp\u003eEach ZoomControls instance has a unique ID for component registration.\u003c/p\u003e\n"],["\u003cp\u003eIt implements the IPositionable interface for positioning within the workspace.\u003c/p\u003e\n"]]],[],null,["[blockly](./blockly.md) \\\u003e [ZoomControls](./blockly.zoomcontrols_class.md)\n\nZoomControls class\n------------------\n\nClass for a zoom controls.\n\n**Signature:** \n\n export declare class ZoomControls implements IPositionable \n\n**Implements:** [IPositionable](./blockly.ipositionable_interface.md)\n\nConstructors\n------------\n\n| Constructor | Modifiers | Description |\n|-----------------------------------------------------------------------------------------|-----------|-------------------------------------------------------|\n| [(constructor)(workspace)](./blockly.zoomcontrols_class._constructor__1_constructor.md) | | Constructs a new instance of the `ZoomControls` class |\n\nProperties\n----------\n\n| Property | Modifiers | Type | Description |\n|---------------------------------------------------|-----------|--------|--------------------------------------------------------------------------------------|\n| [id](./blockly.zoomcontrols_class.id_property.md) | | string | The unique ID for this component that is used to register with the ComponentManager. |\n\nMethods\n-------\n\n| Method | Modifiers | Description |\n|-----------------------------------------------------------------------------------------|-----------|----------------------------------------------------------------------------------------------------------------------|\n| [createDom()](./blockly.zoomcontrols_class.createdom_1_method.md) | | Create the zoom controls. |\n| [dispose()](./blockly.zoomcontrols_class.dispose_1_method.md) | | Disposes of this zoom controls. Unlink from all DOM elements to prevent memory leaks. |\n| [getBoundingRectangle()](./blockly.zoomcontrols_class.getboundingrectangle_1_method.md) | | Returns the bounding rectangle of the UI element in pixel units relative to the Blockly injection div. |\n| [init()](./blockly.zoomcontrols_class.init_1_method.md) | | Initializes the zoom controls. |\n| [position(metrics, savedPositions)](./blockly.zoomcontrols_class.position_1_method.md) | | Positions the zoom controls. It is positioned in the opposite corner to the corner the categories/toolbox starts at. |"]]
