Keyboard Shortcuts
Kanvas provides several keyboard shortcuts to improve your design workflow. These shortcuts can help you quickly perform various actions and tasks. Here is a list of commonly used keyboard shortcuts:
Designer Shortcuts π
As a designer in Kanvas, you can take advantage of various keyboard shortcuts to streamline your design process. These shortcuts are designed to help you perform common actions quickly and efficiently.
On macOS, press wherever is shown below. Every combination on this page is bound to both keys.
- : Add a comment to the canvas.
- : Add a textbox to the canvas.
- : Add a section to the canvas.
- : Open the image picker to place an image on the canvas.
- + : Turn the pencil tool on or off, for drawing freehand on the canvas.
- + : Turn the pen tool on or off, for drawing connecting lines on the canvas.
- + : Copy the selected node or collection into your clipboard.
- + : Duplicate the selected node or collection of nodes.
- + : Select all nodes on the canvas.
- or : Delete the selected node or collection of nodes from the canvas.
- + : Paste a node or collection of nodes from your clipboard.
- + + : Create a selection box to select multiple nodes by dragging your mouse over an area.
- + : Undo your last create or delete action.
- + or + + : Redo your last create or delete action.
- or + : Open the context menu to choose an action to perform.
- : Switch to hand mode to pan around the canvas.
- (held down): Pan around the canvas for as long as you hold the key, then return to the mode you were in.
- : Switch back to selection mode.
- : Leave the mode you are in and return to selection mode, or close any open menu or dialog.
- + : Zoom in on the canvas.
- + : Zoom out on the canvas.
- (Backslash): Open the Layers panel.
- + : Open this keyboard shortcut reference in the help drawer.
- + + : Open the Help Center.
Zooming the page itself, rather than the canvas, is left to your browser. Kanvas binds no shortcut for it, so use your browser’s own zoom controls.
These designer shortcuts are essential for a smooth and efficient design workflow within Kanvas.
Operator Shortcuts π
Kanvas’s operator provides a set of keyboard shortcuts to enhance your experience when working with the visualized data. These shortcuts help you navigate and manage the environment effectively:
- + + : Create a selection box to select multiple nodes in Operator by dragging your mouse over an area.
- + (mouse): Select multiple nodes individually.
- : Close the interactive terminal while it has focus.
You open the interactive terminal itself from the resource rather than from the keyboard - through the terminal badge on a pod, or the Terminal tab of the Details panel. See Interactive Terminal.
These operator shortcuts are designed to streamline your interactions with the visualized data and provide you with the tools you need for efficient navigation and management.
Searching for Components π
Kanvas offers a powerful search feature that allows you to find specific components based on various criteria, such as object name, kinds, and namespaces. Here are the steps to effectively search for components in your Kanvas environment:
Start typing your search query, such as the object name, kinds, or namespaces you’re interested in. As you type, Kanvas will dynamically filter and display components that match your criteria.
By clicking on a keyword or component in the search results, you can further filter out the components to focus on specific items.
This search functionality makes it easy to quickly locate and access the components you need in your Kanvas environment.
Recent Discussions on Kanvas
- Jul 12 | Unleash Visual Power: Import Your Configs by zihan kuang
- Oct 14 | Explore Meshery's Published Relationship Design Examples by Awani Alero
- Oct 03 | Design Review RFC: Kanvas Empty State Enhancement by Lee Calcote
- Jul 19 | [For Discussion] Visual indication of semantically vs non-semantically meaningful Meshery components by Lee Calcote
- Jun 07 | What are the conditions for a "System is unhealthy" warning? by James
- May 30 | Looking for a meshmate to help with first PR by Faisal Imtiyaz123
- Feb 28 | For Discussion: Capturing potential, but unrealized Relationships in Design Snapshots by Lee Calcote
- Feb 12 | Hint on Scaling & Verifying Cronjob in Playground by Sandra Ashipala