Skip to main content
Skip table of contents

Whiteboarding with i3WHITEBOARD

Open i3WHITEBOARD

i3WHITEBOARD is included in i3STUDIO. You can open it from the Launcher on the Home page or from the menu on the left or right.

Get started

When i3WHITEBOARD is started for the first time, or when no workspace is currently open, you will be presented with the “Get started” screen.

You may be asked to connect i3WHITEBOARD to Cloud storage. If you’re using User Profiles, this is the ideal way to use i3WHITEBOARD. The advantages of connecting to your Cloud:

  • You can use the same i3WHITEBOARD file on multiple i3TOUCH displays

  • Your files are your own. other users will not be able to access it

  • Don’t lose your files. your files are always backed up in the Cloud

The main menu

The top-left main menu contains the name of the workspace you are currently working in and access to the hamburger menu, which contains various options related to the workspace as a whole. Next to the file name you’ll find a share icon. This is a quick link to export your file to pdf or e-mail it to someone.

Main menu highlighted.png

Select the hamburger icon to open the main menu.

  1. New board → start a new and empty workspace.

  2. Open → open a previously saved, existing whiteboard file

  3. Save → save your whiteboard file for later use

  4. Settings → customize application and workspace settings.

  5. Export → export your work to a PDF file to share or for external use

  6. Help → the link to this guide

  7. Exit → exit the whiteboard application and close the current session

New board

This will create a new i3WHITEBOARD file.

Open

This allows you to open previously saved i3WHITEBOARD files.

Select the file you want to open and press “Open.” Instead of opening the file, you also have the option to delete a file here.

Note: Deleting a file will permanently erase it from the file system. This cannot be reverted or recovered.

Sources

Display Storage

Here you can look for i3WHITEBOARD files that were saved to the i3TOUCH displays' internal storage.

USB

Connect a USB drive to the i3TOUCH display, and you can browse its' content here.

Cloud storage

This is the preferred storage since it’ll allow you to use your i3WHITEBOARD files on multiple i3TOUCH displays.

Connecting Cloud Storage

i3WHITEBOARD allows you to connect to the following cloud providers:

  • Google Drive

  • OneDrive

To start, choose “Add cloud storage” from the Save or Open dialog and follow the instructions on the screen.

Add cloud2.png

Currently we support Google Drive and OneDrive:

Choose cloud.png

Use your phone to connect using the qr code, or with your browser go to the included url:

Connect.png

Once logged in, you can use your cloud storage to browse, save and open files to and from the connected cloud provider.

If you no longer want to use a cloud storage, press the disconnect icon next to each cloud connection.

Disconnect cloud.png

Press disconnect. The cloud storage will be disconnected immediately. From this point on, the device can no longer access your online files.

Save

i3WHITEBOARD will automatically store your current session, so you don’t have to worry about losing progress when navigating to and from other apps.

Sources

To the left, you can choose a source location where you want to store your i3WHITEBOARD files. This can be one of the following:

Display Storage

The internal storage of your i3TOUCH display. Other users will be able to access the files if you store them here.

USB

Connect a USB drive to the i3TOUCH display, you’ll be able to save your file to the preferred folder here.

Cloud storage

This is the preferred storage since it’ll allow you to use your i3WHITEBOARD files on multiple i3TOUCH displays, and other users of the display won’t be able to open them.

Choose a name for your i3WHITEBOARD file.

By default, i3WHITEBOARD will save your whiteboard file in the Whiteboards folder. You can choose a different location by pressing on “browse.”

You can navigate back.

And choose a different folder.

Press open when you have chosen your preferred folder.

Besides saving your i3WHITEBOARD file on the display storage, you can also use another connected source like a USB stick.

Press “Save” to save your work to the final chosen location.

Password-protected files

When you need to protect a file with a password, it can be done when saving the file.

When saving a file, the toggle “Add Password“ is present, adding a field to the saving screen where the password can be inserted.

The password of the file has no restrictions in characters but in length. The password must be of 4 or more characters. Once the minimum length requirement is met, the error message about the password length will disappear.

When opening a password-protected file, a prompt to insert the password will appear. To continue opening the file, the correct password must be inserted. In cases where a file was left open, the prompt will appear as soon as the application is loaded. A new workspace will be created when pressing the cancel button while the file is already opened in the background. Otherwise, pressing unlock with the right password will open the file normally.

Password-protected files will not show a preview as they are to be kept private in order not to display the content.

Password-protected files can be deleted without asking for password input from the Open screen found in the hamburger menu. When saving with a password, it is recommended to save it into a private directory or cloud drive in order to prevent deletion of the file from other users.

A password is not recoverable, in case of a lost password, the file cannot be accessed anymore.

Settings

You can customize various application settings and workspace settings via the “Settings” option in the main menu.

In addition, you can also see the version number of the application.

wb-1-17-settings-menu.png

Autosave setting

For autosaving, the current whiteboard must be manually saved first on an available storage location. The autosave feature will continue to save your file whenever any changes are made.

Note: The autosave function will stop working if the medium to which it tries to save is removed or disconnected. This may happen when you remove a USB stick or disconnect cloud storage.

Position menus at the bottom

When turned on, the “Position menus at bottom” setting will position most menus that are normally high on the screen on the bottom instead.

Whiteboard preference

This mode allows you to choose between Whiteboard Mode and Blackboard Mode, effectively next time you create a new file. Blackboard Mode will apply the following:

  • Dark application theme

  • Dark canvas background

  • Separate color presets for use on a dark background

VR Tools

The VR Tools (triangle, ruler and compass) are now also available for i3TOUCH displays in Corporate Mode. To activate it, select the toggle in the Settings menu. An extra icon will appear on the canvas in which the tools are made available.

Pen support

Note: Disabling Pen support is only available for specific i3TOUCH PX displays.

By disabling the pen support, i3WHITEBOARD will not differentiate between finger touch events and stylus touch events.

If Pen support is enabled, you will be able to use finger and stylus pen as two different tools.

Export

You can export your work via the export function in the main menu.

There are a few export methods available:

  • PDF export via QR code

    • Via cloud

    • Via local network

  • PDF export via email

  • PDF export to the i3TOUCH display storage

  • PDF export to your Cloud drive

Export selected or all pages

You can choose to only export one or several pages to pdf. This is useful if you have many pages in your i3WHITEBOARD file but only need a specific page. By default, all pages will be exported.

If you want to reduce that number, select the “Select pages” button. You’ll see an overview with thumbnails of all the pages within your file.

Select the pages that you need and select “Apply”.

If you still want to go ahead and export all pages, a toggle at the bottom of the modal will select all the pages.

PDF export via QR code

The export via QR code has two options:

Exporting via the cloud is easy and simple but requires both the display and your mobile device to be connected to the internet.

Export qr.png

Simply scan the QR code with your mobile device to download your PDF export.

Note: The PDF file will remain available for download for one hour

Exporting via the local network does not require an internet connection. Instead, the display and your mobile device must be on the same network.

The QR code popup will assist you with the network you need to connect to.

The PDF file will remain available for as long as the QR code is visible on the screen

PDF export via email

Exporting via email requires you to fill in the recipient’s email address. Optionally, you can also provide a name for the PDF file.

The display must be connected to the internet.

You can provide multiple email addresses to send to. To do this, separate all email addresses with a space, comma or semicolon.

  • “ “

  • “,”

  • “;”

Pdf export to display storage or USB

This feature can be handy if you want the pdf to be available on the i3TOUCH display or on your connected USB drive. Choose a name and select a folder where you want to export the file to.

Pdf export to Cloud storage

This feature allows you to save your pdf to your Cloud drive so that you can open it on your computer. Connect your Cloud drive if you haven’t yet. Choose a name and select a folder where you want to export the file to.

Export to cloud.png

Help

Selecting this will lead you to the documentation.

Exit

Select this if you want to exit i3WHITEBOARD.

You can collapse most menus by pressing the i3WHITEBOARD logo

Press it again to open the other menus.

image-20240307-152625.png
image-20240307-152633.png

You can easily switch between Whiteboard Mode and Blackboard Mode from the canvas. You can find this toggle at the top of the display next to the Main menu.

 

This won’t impact your preferences. If you want new pages to appear in Whiteboard or Blackboard Mode, you can still do that from the Settings menu. See below for more information.

The navigation menu can be found at the bottom right of the display.

This menu consists of 5 buttons:

  • Undo (this will undo any previous action since you started working on the document)

  • Redo (if you decided that you still want that action you’ve undone, you can click the redo button)

  • Delete all (this will delete all objects on the active page)

  • Navigator (this allows you to zoom in and out and move around across the canvas)

  • Pages menu (this gives you an overview of all the pages in your board, and add or remove pages)

Use the “Undo” button to undo the previous action on the canvas.

Note: The Undo queue works while you keep working on the document. When you open a new document, it’ll be cleared.

Press the “Redo” button to redo the last undone action on the canvas.

Use the navigator to navigate the current canvas.

Features:

  1. Reset to 100% zoom

  2. Zoom in (the zoom level will be displayed in the middle of the screen)

  3. Zoom out

  4. Move viewing area → move the viewing area by touching the minimap

Use the Pages menu to add, remove, or navigate to other pages within your board. This can be found in the bottom right corner of the canvas. Select it and a pane will open from the right of the window.

Add a page by selecting the “Add page” button at the bottom of the pane. When you add a new page, it will stack on top of the other board without deleting the one that you were working on. This is a handy feature if you want to start on a fresh page but still want the older one nearby. Adding a new page in the menu will generate a preview of what’s on the page and a number in the top left corner. This way, it will be easy for you to quickly browse through the pages.

Delete a page by selecting the trashcan icon at the top right corner. This deletes the page. If you accidentally deleted a page that you didn’t want to delete, press the ‘Undo’ button that will be visible in place of the removed page. Selecting this will undo the last action.

Move a page with the grab area. Select the dots at the left of the thumbnail preview and, hold and drag above or below another thumbnail.

You can duplicate a specific page which could be handy to create different versions of that same page. To do this, long press the thumbnail preview. A duplicate icon will appear, allowing you to duplicate the page to a new one.

Duplicate.png

On this page:

Tool menu

On the i3WHITEBOARD you’ll find several tools to work with, divided into three sections.

These sections are:

  • the Main tool menu, which can be activated by finger touch

  • the VR tool menu is available if activated in the Settings menu.

  • the (physical) Pen tool menu, for displays that come with physical pens

Main tool menu

The Main tool menu consists of several tools you can use:

  • Selection tool (has a pointer and a box select tool)

  • Drawing tool (has a pencil and a marker tool)

  • Eraser tool

  • Text tool

  • Shape tool (has a selection of shapes you can draw with)

  • Sticky notes

  • Images

These tools respond to finger touch activity. This means that you use them using your fingers. Some i3TOUCH displays also come with physical pens. To learn how to use them, see below in the Pen tool menu. The tool menu will show you the tools available with which you can draw objects. The features of that object, such as color and line thickness, will be available in the Features menu.

The Features menu explained

This Features menu is a subset of the tool menu and the UI will depend on the tool selected.

This menu consists of:

  • Line thickness selector (3 options for you to choose from)

  • Recent colors (the 3 most recent colors of the selected tool)

  • Color picker and color archive (a sub menu with a color picker and up to 8 recently used colors)

If i3WHITEBOARD is configured in vertical menu mode, the Features menu will appear at the bottom of the canvas while the tool menu is fixed to the left side.

If i3WHITEBOARD was configured in Bottom menu mode, the Tool and Features menu will both appear at the bottom of the screen.

Fine-tuning the line thickness values

The line thickness comes with 3 values:

  • Thin (for drawing fine lines)

  • Regular (for most use cases)

  • Thick (for drawing canvas filling objects)

These values were given a default value which would cover most use cases. However, you still have the option to fine-tune these values to your liking, while still maintaining the ease-of-use of having three options to choose from.

Simply long-press (press and hold for about a second) any of the line thickness buttons in the Features menu for a second, a sub menu will appear with a slider for each line thickness value, thin, regular and thick.

By default, the sliders will be centered. Dragging the slider cursor to the left will make the value thinner while moving it to the right will make it thicker. While dragging, the new value will be displayed above the cursor.

Once changed, you can use these new values straight away. if you start drawing, the slider will disappear. To make it reappear again, for instance to return to the default values, simply long press any of the line thickness buttons again.

This feature is available for all tools except eraser, text tool and sticky notes.

Selection tool

You can use the Pointer Select tool to select single objects.

You can also use the pointer to move the canvas around or zoom in and out with pinch gestures.

Use the Box Select tool to select multiple objects by dragging a rectangle around the objects.

When you select an object, the Features menu will be visible. This menu may indicate the color and line thickness features of the selected object, and also allow you to change them.

For instance, you can change the color of all the selected objects at once.

It’ll also allow you to duplicate, copy, or delete the selected object.

You can find these extra features to the right of the Features menu as soon as you select one or more objects on the canvas.

Drawing tool

There are 2 tools available:

  • Pencil

  • Marker

The Pencil tool is fully opaque while the Marker tool is slightly transparent and has a brighter color palette. Once you select any of the tools, you can use them to write on the canvas with your finger, or a similarly sized pen.

Eraser tool

The Eraser allows you to erase specific sections from the canvas.

Select the size you want to erase within the Features menu.

You can also erase using certain gestures:

  • Four-finger erase → use 4 fingers

  • Palm erase → use the palm of your hand

Palm erase is supported only on the following displays:

  • i3TOUCH EX

  • i3TOUCH PX (only on updated models with palm rejection settings disabled)

  • i3TOUCH X-ONE

  • i3TOUCH E-ONE

  • i3TOUCH ULTRA

Text tool

Use the Text tool to type text to the canvas using the on-screen keyboard.

Shape tool

Use our Shape tool to draw various shapes on the canvas.

You can, as with any other tool, also customize the color and line size in the Features menu.

Sticky note

You can add 4 types of preset sticky notes to the canvas.

Once a sticky note is created, you can freely select and customize it like any other object.

Write or draw on the sticky note. Any writing within its boundaries will stay on the sticky note, allowing you to easily scale, rotate, or even duplicate it.

Image tool

i3WHITEBOARD now gives you several ways to import images onto the board.

Import with the Tool menu

The easiest way to import an image onto the board is through the Tool menu. Select the image icon from the bottom of the Tool menu.

A dialog will pop up where you can select a file source. Locate the image using the folder structure and select it. You’ll see a preview window of your image. Drag from the corners to import only the part of the image you need, or select OK to continue.

Import from the file explorer

Use the File explorer in i3STUDIO to import the image. Note that you may not have the user rights to select apps from the App tray. Locate the file and long-press it. from the dialog select i3WHITEBOARD and the image will be placed on the board.

Import from the web browser

A very quick way to get images in i3WHITEBOARD is to search for one, using the web browser. Open the web browser from the side menu in the launcher. Search for an image or go to a specific web page. Long press on the image to load the image menu. just like you can open the image in a new tab, at the bottom you’ll see a menu item called “Share image”. Select it and locate i3WHITEBOARD in your list of available apps. Select i3WHITEBOARD and the image will be placed on your board.

VR Tool and Templates menu

VR Tools

Note: Virtual Reality (VR) tools can be activated from the Settings menu.

There are three tools: Nautical Protractor Ruler, a Normal Ruler, and a Drawing Compass. These tools will appear on the screen once their toggle is activated. To remove them from the screen, they must be untoggled.

Nautical Protractor Ruler/Triangle Protractor

The nautical protractor triangle can be found as the first option in the VR tools menu. It has three sides; two show degrees from 0 to 180, and the bottom side shows length in centimeters (cm).

Triangle at work.png
Drawing

Using a pen or finger near the ruler borders, we can draw straight lines that will follow the border.

Besides drawing, this ruler also helps define and measure angles by placing the center of the ruler (bottom) at the starting point of the lines we want to measure.

Rotating

Rotating the triangle can be done by selecting the rotation handle. The triangle will rotate around its' center point and the indicator will tell the user the angle. While rotating, the triangle can no longer accidentally be scaled or moved. Additionally, a red dot will appear to indicate the center point.

Scaling

The triangle can be scaled bigger and smaller by using the scale arrow in the top corner of the triangle. While scaling, you’ll notice that the measurement range will no longer scale along with the triangle but will now give you more or less range depending on the size on the triangle.

Zooming

A similar functionality can be observed if you zoom the canvas in or out:

If you add a triangle or ruler to the canvas and start zooming in or out, you’ll notice that the measurement range increases or decreases according to the zoom scale. This is very handy if you’ve drawn a line and ran out of space but need to draw a new line using the same measurement scale.

Ruler
Ruler1.png

Apart from the protractor ruler, there is also the possibility of a regular ruler, which can be found as the second option in the VR tools menu. This ruler can draw straight lines or make relative measurements on the device.

Drawing

Both rulers could extend the drawn line outside their borders as long as the drawing started on the ruler, with all the sides available for drawing.

Note: When using the ruler, only one side will be available at a time while drawing. In order to use another side of the ruler, the drawing needs to be interrupted and started again in the desired side/border.

Rotating

Rotating the ruler can be done by selecting and moving the rotation button at the left end of the ruler. The value in the middle of the ruler will indicate the angle the ruler is in.

While rotating, a red dot will appear to indicate the center point.

Scaling

Scaling the ruler can be done by selecting and moving the scale button at the right end of the ruler. This will either contract or expand the ruler. You’ll see that expanding will give you a larger measurement range while scaling down, gives you a smaller range.

Zooming

Note that, just like with the triangle, zooming in or out will now update the measurement range based on the new scale.

Drawing compass

The drawing compass is the third option in the VR tools menu. Unlike the other tools, the drawing compass has different sections with which you can interact, namely the handle and the wheels.

First, when using the compass, it needs to be placed in the desired position. To move it, the right wheel can be used. If there is the need to enlarge the distance between the compass leg, the left wheel can be used to set the preferred size/distance.

To start drawing, the handle has to be moved around. Depending on the desired output from the compass drawing, it can be released, and the compass will stop drawing.

If a full circle is the desired output, a full rotation of the compass should be performed.

Backgrounds and templates

The backgrounds option will open the “Choose a flavor” dialog.

Choose a background or template.

The “Apply to all pages” option will apply the background to all existing boards.

Press “APPLY” to apply the background to the canvas.

You can also filter by category by pressing on a flavor type.

See our variety of sports and meeting backgrounds:

(Physical) Pen tool menu

Some i3TOUCH displays come with one or more physical pens. If you have one, you will see the number of pens in i3WHITEBOARD as a separate tool menu. Each pen size will have its own icon, with the color indicator visible. This way you’ll always have a good overview of the colors you’re drawing with.

If you draw straight away with the pens, you will see that the active pen is highlighted and its' Features menu appears.

You can also select the icons and change the features in the Features menu before drawing. The Pen tool does not allow you to draw shapes or text. However, if you select the Shape tool, you can easily draw shapes with your finger while using the pens for drawing. Each in their own color!

Note: The i3TOUCH X2 comes with 4 pens, but one behaves identical to the finger. Therefore, the Pen tool menu will only display 3 pen icons that you can customize.

i3ANNOTATE allows you to annotate over other apps and take screen captures. These screen captures can then be sent to the i3WHITEBOARD.

Open i3ANNOTATE

You can find i3ANNOTATE in the Launcher side menu app tray.

i3ANNOTATE provides many of the same tools as i3WHITEBOARD, which you can use to interact with the canvas.

i3ANNOTATE Tool menu

The i3ANNOTATE Tool menu is similar to the i3WHITEBOARD one.

  • Selection tool

  • Drawing tool

  • Eraser tool

  • Shape tool

  • Text tool

  • Sticky note
    ------

  • Pen tool - the number of pens will depend on whether your i3TOUCH display comes with physical pens
    ------

  • VR tools

Selection tool

You can use the pointer tool and the box select tool to select objects.

Pointer tool allows you to select a single object and also allows you to pan around the canvas.

The box select tool allows you to drag a rectangle around the objects that you want to select.

When you select one or more objects, the Features menu will appear at the bottom of the screen.

This Features menu will allow you to change the selected objects' features, like line thickness and color.

Pick a color and all the selected objects will change to the selected color.

To the right of the Features menu, you’ll also see the option to duplicate, copy, and delete the object.

Options for selected objects:

  • Copy → you can paste a copied object via a long press and choose the paste option.

  • Duplicate → instantly create a copy of the object at the same location.

  • Delete - delete the object.

Drawing tool

There are 2 presets available:

  • Pencil

  • Marker

The Features menu will allow you to change the color and line thickness before drawing.

The Marker tool is slightly transparent. The Features menu will show a color palette that is specific to the Marker tool, like bright colors.

Eraser tool

You can customize the size of the eraser tool in the Features menu. You can also delete the whole canvas at once by selecting the trashcan in the bottom right.

Alternatively, you can erase using certain gestures:

  • Four-finger erase → use 4 fingers

  • Palm erase → use the palm of your hand to erase

Palm erase is supported only on the following displays:

  • i3TOUCH EX

  • i3TOUCH PX (only on updated models with palm rejection settings disabled)

  • i3TOUCH X-ONE

  • i3TOUCH E-ONE

Shape tool

Use our shape presets to draw various shapes on the canvas.

You can also customize the color, and line size with the color presets and color picker from the Features menu.

Text tool

Use the text tool to type text on the canvas using the on-screen keyboard.

Sticky note

You can add 4 types of preset sticky notes to the canvas.

You can easily draw or write on top of the Sticky note.

Objects within the boundaries of the sticky note will be merged with the sticky note. If you select them, you can scale or move both at the same time.

VR Tool

Note: Virtual Reality (VR) tools can be activated from the Settings menu in i3WHITEBOARD.

There are three tools: Nautical Protractor Ruler, a Normal Ruler, and a Drawing Compass. These tools will appear on the screen once their toggle is activated. To remove them from the screen, they must be untoggled.

Nautical Protractor Ruler/Triangle Protractor

The nautical protractor ruler can be found as the first option in the VR tools menu.

Besides drawing, this ruler also helps define and measure angles by placing the center of the ruler (bottom) at the starting point of the lines we want to measure.

Ruler

The second option in the VR Tools menu is the regular ruler. This ruler can draw straight lines or make relative measurements on the device.

Both rulers could extend the drawn line outside their borders as long as the drawing started on the ruler, with all the sides available for drawing.

Drawing compass

The drawing compass is the third option in the VR tools menu. Unlike the other tools, the drawing compass has different sections with which you can interact, namely the handle and the wheels.

For detailed documentation on how to use the VR Tools, see the i3WHITEBOARD documentation: The i3WHITEBOARD Tool menu

i3ANNOTATE is an extension feature of i3WHITEBOARD. Many of the drawing features in i3WHITEBOARD are also available in i3ANNOTATE. You can also use the undo and redo buttons just like you could in i3WHITEBOARD.

The Main menu

Like i3WHITEBOARD, you’ll find the main menu at the top left of the screen. This main menu has some unique features:

  • Direct navigation to i3WHITEBOARD (Note: Once the annotations are saved and sent to i3WHITEBOARD, the annotations are lost.)

  • Exit button

The Tool menu

Below the Main menu, you can find the Tool menu which is already detailed in The i3ANNOTATE Tool menu

The Features menu

This menu is a subset of the Tool menu as its features are dependent on the tool you’ve selected. It allows you to set/ change line thickness and color but also duplicate or delete specific objects that you placed on the canvas.

Screenshot menu

This menu consists of 4 buttons:

  • Undo (this will undo any previous action since you started working on the document)

  • Redo (if you decided that you still want that action you’ve undone, you can click the redo button)

  • Delete all (this will delete all objects on the canvas)

  • Redo

  • Delete all

  • Take a screenshot

    • Fullscreen capture

    • Select an area to capture

Collapsing menus

You can collapse most menus by pressing the i3ANNOTATE logo

Screen capture

In i3ANNOTATE, you can export your screen captures and annotations to i3WHITEBOARD.

Taking a screenshot can be done by selecting the camera icon in the bottom right corner of the screen.

You are given two options:

  1. Fullscreen capture - capture the entire screen

  2. Select an area to capture - use your fingers to select an area of the screen to capture

The fullscreen options will immediately take a screenshot of the entire screen and export your annotations to i3WHITEBOARD.

The capture area mode will allow you to select the area you want to capture.

Your screen captures will be added in the last i3WHITEBOARD workspace if one is already open. Otherwise, a new workspace will be created.

To open i3WHITEBOARD immediately, select the i3WHITEBOARD icon at the top of the Main menu:

The screenshot is added to a page in i3WHITEBOARD. If you created more than one annotation, open the Pages menu at the bottom right of the screen. Each annotation screenshot is saved to a separate page within the board.

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.