> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.smino.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How do I sketch and mark up on preview images of a markup?

|| Information: The following browsers support this feature: Chrome, Firefox, Edge 79+, Safari 13+, Opera, Chrome for Android, Firefox Android, iOS Safari 13+, Chrome for iOS, Firefox iOS.

Create a new task or edit an already created task in draft mode. Add a marker to the task. In the marker preview screen, you now have the option to sketch and mark on the image.  

To sketch something onto the preview image, click on the **Pen** button (1.). Then select the **Line color** (2.) as well as the **Line width** (3.) by clicking on the respective button. By clicking on the **arrows** (4.) you can navigate forwards and backwards (undo or redo actions already performed). 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_yu8hp7.png)

As an alternative to the arrows, you can also select the **Eraser** and thus delete sketched content. The important thing here is to "wipe" over the area to be deleted with the mouse button pressed.  

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_f0d73y.png)

You can draw lines on the preview image by clicking the **Line** button (1.) and then drawing a line on the plan. After that you can define a **Start type** (2.) as well as **End type** (3.).    

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_pcna9f.png)

When you click on the drawn line, a menu appears that allows you to **set to foreground**, **duplicate** or **delete** the element.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_8k0b6x.png)

You can insert and configure arrows into the preview image in the same way as lines by clicking the **Arrow** button and then making the corresponding settings (color, stroke color and stroke width) (yellow highlighted area). 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_e0rfy7.png)

Furthermore, you can insert a **Rectangle** (1.) as well as an **Ellipse** (2.) by clicking on the corresponding button. Here, too, you can make the associated settings (color, stroke color and stroke width) (area highlighted in yellow). 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_d4djoj.png)

When you click on the drawn shape, a menu appears again, allowing you to **set to foreground**, **duplicate** or **delete** the element.

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_ok5gj5.png)

You can insert text fields into the preview image. Click the **Text** button (1.) and use the **Font Style** button (2.) to select the font style. After that you can make the corresponding settings (font color, font size) (yellow marked area).  

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_jf7tzt.png)

After configuring the text, drag a field into the preview image. A window will appear where you can enter the text (yellow highlighted area). You can **align** the text according to your wishes (1.). You can further edit the text field by clicking on them (2.). Here you can rotate the **text horizontally, foreground, duplicate or delete**. You can also **edit** the text again. 

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_f1z80b.png)

If you want to reset **all** changes, you can click the **Restore** button (1.). After that, in the new window that appears, you must confirm the action by clicking the **Restore to original condition** button (2.). In addition, you have the possibility to change the set marker by clicking the **Edit marker** button (3.). A new window will open, in which you can move the marker by **drag&drop** or select a **different plan**. With a click on the **waste garbage can button** (4.) you delete the marker completely.  

![](https://storage.crisp.chat/users/helpdesk/website/-/7/f/f/e/7ffe47b65f73d800/image_anw7es.png)

| Note: You can proceed in the same way for preview images of a marker in journal entries and log items.