Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 66 additions & 0 deletions content/en/kanvas/designer/pin-model-to-dock/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
---
title: Pinning Models to the Dock
description: Learn how to pin and remove models from the dock in the Kanvas Designer for quick access.
weight: 10
categories: [Designer]
tags: [Dock, Pin, Models]
---

The Kanvas Designer dock allows you to keep your most-used models and tools within easy reach. You can pin any model to the dock for quick access, and unpin it just as easily.

## Overview

Pinning a model adds it to the dock at the bottom of the Designer interface. This helps you:

- Quickly access frequently used models
- Customize your workspace
- Streamline your design workflow

## How to Pin a Model

1. Hover over the model you want to pin in the component list on the left side of the Designer.
2. Click the pin icon that appears next to the model name. A tooltip will show "Pin To Dock".
3. The model will now appear in the dock at the bottom of the Designer.


![Pin To Dock action](pin-to-dock.png)

## Pinned Model in the Dock

After you pin a model, it appears as an icon in the dock at the bottom of the Designer and remains there for quick access throughout your workflow. This makes it easy to find and reuse your favorite models at any time.

![Pinned model displayed in the dock](pinned-model-location.png)

## How to Use a Pinned Model

Clicking a pinned model in the dock gives you quick access to all its components. You can use these components in your design by either clicking to add them or dragging them onto the canvas for easy placement and configuration.

{{< alert type="info" title="Note" >}}
Only models can be pinned to the dock. Individual components within a model cannot be pinned directly.
{{< /alert >}}

![How to use pinned model's components](use-pinned-models-components.png)

## How to Remove a Model from the Dock

You can remove a model from the dock in two ways:

### Method 1: Using the Pin Icon

1. Hover over the pinned model in the dock or in the component list.
2. Click the pin icon again (the tooltip will show "Remove From Dock").


![Remove From Dock action](unpin-model-1.png)

### Method 2: Using the Close Button

1. Click the X (close) button on the pinned model icon in the dock to remove it instantly.


![Unpin using close button](unpin-model-2.png)


{{< alert type="info" title="Good to Know" >}}
You can pin as many models as your workflow needs and swap them out anytime as your project evolves.
{{< /alert >}}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Anytime..

Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ videoId: "8lQ6ed_1Tss"
videoType: youtube
categories: [Designer]
formats: [video]
tags: [basics]
tags: [Dock, Pin, Models, designer]
duration: "0:57"
---

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ autoplay: true # optional
loop: true #optional
categories: [Designer]
formats: [video]
tags: [catalog]
tags: [catalog, designs, publishing]
duraiton: 0:39
---

Expand Down
Loading