Contents        

There's a new Help center!

This documentation page won’t be updated and is going away soon.

Visit https://help.whiteboards.io/ for up-to-date documentation with step-by-step guides, videos, and all the tips&tricks you need to become a Whiteboards master! 


Frames are areas on the board that help organize your content. They can work as presentation slides or groups of elements that you can rearrange as needed. Create them to give structure to your work, highlight important sections, or bring everyone to the same place. 

Adding a frame

  1. Open your board and select Draw frame.
  2. Draw a rectangle on your board to create a frame. 


You can draw the frame first and then add content to it or you can draw it around the content that’s already on the board. Doing so will automatically attach all the elements to the frame. 

Using a frame

Once the frame is created, it’s enough to drag and drop content within its area to add it. Every element that you can create on the board can be a part of the frame. 

To select a frame, click on its border or name and a blue outline will appear as well as the frame menu. 

To move the frame, select it first and then drag it into the location you need. 

Add a name to your frame by selecting it and then clicking the pen icon in the menu. Type your frame title and click out of the input field to save it. You can see the name in the top right corner above the frame.

You can delete a frame by selecting it and pressing delete or backspace on your keyboard. You can also go to the menu above the frame, click the ellipsis, and select Remove. Removing a frame doesn’t delete the content within it.

TIP: If you’d like to remove the frame with the elements in it, hold SHIFT on your keyboard, drag a rectangle over the entire frame, and press delete or backspace on your keyboard. You can also go to the menu above the selected elements, click the ellipsis, and select Remove.

Frame options

To open the frame options, click on its border or name. From there you can: 

  • Give your frame a title,

  • Change the frame background,

  • Add a comment to the entire frame,

  • Lock the frame in place. While you won’t be able to move the frame itself, you can still move the elements inside the frame or add new content.

Other options are available after clicking on the ellipsis. They include: 

  • Copy frame link — bring everyone’s view to that frame when they open the board. Copy and share it with your team. 

  • Embed frame — embed your whiteboard with a view of this frame anywhere on the web by copying the embed URL or iframe code. Clicking this option will open up a modal where you can get the code/URL and select if you want your current zoom and focus to be the thumbnail of the board.

    NOTE: You might need to enable embedding first. Do that by clicking Enable embedding.

  • Copy — copy this element to the clipboard (you can use the shortcut CTRL/CMD + C),

  • Duplicate — create a duplicate on the board, next to the original element (achieve the same effect by pressing CTRL/CMD + D),

  • Cut — remove the element from the board and copy it to the clipboard at the same time (CTRL/CMD + X will trigger the same behavior),

  • Add new comment — leave a note for your team,

  • Lock — keep the element from being moved until it’s unlocked (also works with a shortcut CTRL/CMD + L),

  • Bring to front — move it to the front of other layers on the board (use CTRL/CMD + ] to do it from the keyboard),

  • Send to back — send it to the bottom of the layers on the board (use the shortcut CTRL/CMD + [ to do the same),

  • Remove — delete the element (you can also select the element and press DEL/backspace button on the keyboard),

Advanced:

  • Set sticky — when scrolling, the element will stay within the viewport so it’s always accessible from wherever you are on the board,

  • Disable shadow — remove the visual shadow underneath the element.

Managing frames

When you have your board content organized into different frames, you can manage them from the menu on the right. Open it by clicking the frames icon in the lower right corner. Each frame is numbered to quickly recognize its order. By default, they are listed in the order in which they were created.

In this panel, you can reorder your frames by holding and dragging the dot to the left of the frame name. Their location on the board won’t change, but it creates the order in which you want the frames to be presented and viewed. 

You can also create a new frame that will include everything in your current view. Do it by clicking Add Frame

To quickly view a selected frame, simply click on its name and your view will be changed to it. 

The frames panel also gives you access to the most important frames' actions. Hover over any frame, click on the ellipsis, and select one of the options: 

  • Edit frame name,

  • Copy link to that frame,

  • Open the embed modal for this frame,

  • Delete frame

Presenting frames

Once your frames are ordered and named, you can start the presentation mode. Presentation mode hides all the interface elements apart from the zoom indicator, frames navigation, and the option to open the frames panel which can work as a table of content in this context. 

Start the presentation mode by clicking the presentation icon in the lower right corner.

Once enabled, you can start showing your work in order by clicking the arrows in the lower right corner. As you go from frame to frame, your view of the board will change to show the right content. Click the up arrow to move to the previous frame and the down arrow to go to the next one on the frames list. 

TIP: You can also change frames by pressing arrows on your keyboard. Use the up arrow key to go to the previous frame and the down arrow key to navigate to the next one. 

  • No labels

This page has no comments.