Difference between revisions of "Whiteboard Main Toolbar"

From myViewBoard
Jump to navigation Jump to search
m (Text replacement - "Shape/Line" to "Shape_Line")
 
(6 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<div id="EXPANDAREA">
 
<div id="EXPANDAREA">
 
<div class="onepageQSG" style="width:99%;">
 
<div class="onepageQSG" style="width:99%;">
 +
The toolbar contains tools that allow users to add annotations to the Whiteboard canvas area. This toolbar is always fixed to the right, left or bottom side of the program window. The appearance of icons in the toolbar varies depending on the selected theme.
 +
 +
'''[[Whiteboard_for_Windows|Whiteboard for Windows]] and [[Whiteboard_for_Android|Android]]''' include the following icons in the main toolbar:
 
<div class="TAB">
 
<div class="TAB">
<div class="DTR" style="background-color: aliceblue">
+
<div class="DTR" style="background-color: #CCC4A1;">
<div class="DTC" style="text-align:center;">'''Business'''</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;border-color: #CCC4A1;">'''Business'''</div>
<div class="DTC" style="text-align:center;">'''Education<br>(default)'''</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;border-color: #CCC4A1;">'''Education<br>(default)'''</div>
<div class="DTC" style="text-align:center;">'''Name'''</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;border-color: #CCC4A1;">'''Name'''</div>
<div class="DTC">'''Description'''</div>
+
<div class="DTC" style="vertical-align: middle;border-color: #CCC4A1;">'''Description'''</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:DesktopMode.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:DesktopMode.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-windows-toggle.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-windows-toggle.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Windows Toggle Button|Windows toggle button]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Windows Toggle Button|Windows toggle button]]'''</div>
<div class="DTC">Click to use the Whiteboard tools over Windows OS<sup>1</sup>.</div>
+
<div class="DTC">Click to use the Whiteboard tools over Windows OS<br><span style="color:#990000;">''this is only available in [[Whiteboard_for_Windows|<span style="color:#990000;">Whiteboard for Windows</span>]]''</span>.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Meet Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Meet Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-casting.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-casting.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Wireless Presentation|Wireless presentation]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Wireless Presentation|Wireless presentation]]'''</div>
<div class="DTC">Enable and manage wireless presentations and video conferencing<sup>1</sup>.</div>
+
<div class="DTC">Enable and manage wireless presentations and video conferencing<br><span style="color:#990000;">''this is only available in [[Whiteboard_for_Windows|<span style="color:#990000;">Whiteboard for Windows</span>]]''</span>.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Bus-screenshot.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Bus-screenshot.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-screen-capture.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-screen-capture.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Screen Capture|Screen capture]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Screen Capture|Screen capture]]'''</div>
 
<div class="DTC">Screenshot, video, and audio recording.
 
<div class="DTC">Screenshot, video, and audio recording.
Line 28: Line 31:
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:MenuBarMove.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:MenuBarMove.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-move-canvas.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-move-canvas.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Move Toolbar|Move toolbar]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Move Toolbar|Move toolbar]]'''</div>
 
<div class="DTC">Click and drag to move toolbar to the side or bottom of the screen.</div>
 
<div class="DTC">Click and drag to move toolbar to the side or bottom of the screen.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:File Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:File Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-file-management-menu.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-file-management-menu.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[File Management|File]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[File Management|File]]'''</div>
 
<div class="DTC">Open, save, export, and print Whiteboard files.</div>
 
<div class="DTC">Open, save, export, and print Whiteboard files.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Resource Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Resource Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-tool-bar-magic-box.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-tool-bar-magic-box.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Magic_Box|Magic box]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Magic_Box|Magic box]]'''</div>
 
<div class="DTC">Many tools for adding interactivity, web content, and quizzes.</div>
 
<div class="DTC">Many tools for adding interactivity, web content, and quizzes.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Roaming off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Browser_biz.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-infinite-canvas.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-floating-toolbar-embeded-browser.svg|45px|center|link=]]</div>
 +
<div class="DTC" style="text-align:center;">'''[[Embed browser|Embedded browser]]'''</div>
 +
<div class="DTC">Opens the built-in browser to access internet resources. Text and images from the browser can be dragged onto the canvas. </div>
 +
</div>
 +
<div class="DTR">
 +
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Roaming off.png|45px|center|link=]]</div>
 +
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-infinite-canvas.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Infinite_Canvas|Infinite canvas]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Infinite_Canvas|Infinite canvas]]'''</div>
 
<div class="DTC">Drag to move the canvas. Use two hands to zoom in/out. Click again to open the infinite canvas overview.</div>
 
<div class="DTC">Drag to move the canvas. Use two hands to zoom in/out. Click again to open the infinite canvas overview.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Selector Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Selector Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-selection-tool.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-selection-tool.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Selection]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Selection]]'''</div>
 
<div class="DTC">Select objects, text, and other elements on the canvas.</div>
 
<div class="DTC">Select objects, text, and other elements on the canvas.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Drawing off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Drawing off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-pen.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-pen.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Pen]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Pen]]'''</div>
 
<div class="DTC">Draw freehand lines. Click twice for more options, like AI Pen.</div>
 
<div class="DTC">Draw freehand lines. Click twice for more options, like AI Pen.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Eraser Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Eraser Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-eraser-menu-eraser.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-eraser-menu-eraser.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Eraser]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Eraser]]'''</div>
 
<div class="DTC">Erase objects. Click twice for more options.</div>
 
<div class="DTC">Erase objects. Click twice for more options.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:ShapeLine Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:ShapeLine Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-main-toolbar-shape-tool.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-main-toolbar-shape-tool.svg|45px|center|link=]]</div>
<div class="DTC" style="text-align:center;">'''[[Shape/Line]]'''</div>
+
<div class="DTC" style="text-align:center;">'''[[Shape_Line]]'''</div>
 
<div class="DTC">Draw shapes, arrows, and add tables. Click twice for more options.</div>
 
<div class="DTC">Draw shapes, arrows, and add tables. Click twice for more options.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Text Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Text Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:I-text-editor-T.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:I-text-editor-T.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Text/Handwriting]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Text/Handwriting]]'''</div>
 
<div class="DTC">Add a textbox. Click twice to switch to handwriting recognition.</div>
 
<div class="DTC">Add a textbox. Click twice to switch to handwriting recognition.</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Undo Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Undo Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:SVG Undo Off.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:SVG Undo Off.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Undo]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Undo]]'''</div>
 
<div class="DTC">Undo (current page).</div>
 
<div class="DTC">Undo (current page).</div>
 
</div>
 
</div>
 
<div class="DTR">
 
<div class="DTR">
<div class="DTC" style="background-color:#323232;">[[file:Redo Off.png|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#323232;border-color: #323232;">[[file:Redo Off.png|45px|center|link=]]</div>
<div class="DTC">[[file:SVG Redo Off.svg|45px|center|link=]]</div>
+
<div class="DTC" style="background-color:#EEEEEE;border-color:#EEEEEE;">[[file:SVG Redo Off.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Redo]]'''</div>
 
<div class="DTC" style="text-align:center;">'''[[Redo]]'''</div>
 
<div class="DTC">Redo (current page).</div>
 
<div class="DTC">Redo (current page).</div>
</div>
 
<div class="DTR">
 
<div class="DTC" style="background-color:#323232;">[[file:Page Off.png|45px|center|link=]]</div>
 
<div class="DTC">[[file:I-page-blank.svg|45px|center|link=]]</div>
 
<div class="DTC" style="text-align:center;">'''[[Page]]'''</div>
 
<div class="DTC">Create, select, rearrange, copy, and delete pages.</div>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<sup>1</sup>''this is only available in [[Whiteboard for Windows]]''.
 
 
</div></div>
 
</div></div>
 
<noinclude>
 
<noinclude>
{{ent:OP-head-foot|2021-03-02|Whiteboard Main Toolbar}}
+
{{ent:OP-head-foot|2021-05-20|Whiteboard Main Toolbar}}
 
</div>
 
</div>
 
{{ent:PrintTBinstructions}}
 
{{ent:PrintTBinstructions}}
 +
----
 
{{ent:Get_more_information}}
 
{{ent:Get_more_information}}
 +
[[Category:Whiteboard for Windows]]
 +
[[Category:Whiteboard for Android]]
 +
[[Category:Main Toolbar]]
 
</noinclude>
 
</noinclude>
 
</div>
 
</div>

Latest revision as of 15:30, 16 June 2021

The toolbar contains tools that allow users to add annotations to the Whiteboard canvas area. This toolbar is always fixed to the right, left or bottom side of the program window. The appearance of icons in the toolbar varies depending on the selected theme.

Whiteboard for Windows and Android include the following icons in the main toolbar:

Business
Education
(default)
Name
Description
DesktopMode.png
I-main-toolbar-windows-toggle.svg
Click to use the Whiteboard tools over Windows OS
this is only available in Whiteboard for Windows.
Meet Off.png
I-main-toolbar-casting.svg
Enable and manage wireless presentations and video conferencing
this is only available in Whiteboard for Windows.
Bus-screenshot.png
I-main-toolbar-screen-capture.svg
Screenshot, video, and audio recording.
MenuBarMove.png
I-main-toolbar-move-canvas.svg
Click and drag to move toolbar to the side or bottom of the screen.
File Off.png
I-file-management-menu.svg
Open, save, export, and print Whiteboard files.
Resource Off.png
I-main-tool-bar-magic-box.svg
Many tools for adding interactivity, web content, and quizzes.
Browser biz.png
I-floating-toolbar-embeded-browser.svg
Opens the built-in browser to access internet resources. Text and images from the browser can be dragged onto the canvas.
Roaming off.png
I-main-toolbar-infinite-canvas.svg
Drag to move the canvas. Use two hands to zoom in/out. Click again to open the infinite canvas overview.
Selector Off.png
I-main-toolbar-selection-tool.svg
Select objects, text, and other elements on the canvas.
Drawing off.png
I-main-toolbar-pen.svg
Draw freehand lines. Click twice for more options, like AI Pen.
Eraser Off.png
I-eraser-menu-eraser.svg
Erase objects. Click twice for more options.
ShapeLine Off.png
I-main-toolbar-shape-tool.svg
Draw shapes, arrows, and add tables. Click twice for more options.
Text Off.png
I-text-editor-T.svg
Add a textbox. Click twice to switch to handwriting recognition.
Undo Off.png
SVG Undo Off.svg
Undo (current page).
Redo Off.png
SVG Redo Off.svg
Redo (current page).
2021-05-20
For more information, visit wiki.myviewboard.com.
3Finches.png
VS logo.svg
My logo onRed.pngLetter myviewboard white.svg Whiteboard Main Toolbar
 

 

To print, click the printer icon from the top right. Enable the following:
  • Set margins to none
  • Enable printing of background graphics

 

Logo myviewboard.svg

Wiki print icon.svg


Learn more 990000.svg Learn More

Access online resources to learn more about myViewBoard.


Social media 990000.svg Social Media

Follow us on social media and get notified of the latest news and updates.


Facebook-square.svg Facebook
Twitter-square.svg Twitter
Instagram.svg Instagram
Linkedin-square.svg LinkedIn
Youtube-play.svg YouTube channel

Learn more 990000.svg Learn More

Access online resources to learn more about myViewBoard.


Social media 990000.svg Social Media

Follow us on social media and get notified of the latest news and updates.


Facebook-square.svg Facebook
Twitter-square.svg Twitter
Instagram.svg Instagram
Linkedin-square.svg LinkedIn
Youtube-play.svg YouTube channel
Powered by
Powered by.png
Built by
Logo.png

Disclaimer: All other trademarks are the property of their respective owners.

Powered by
Powered by.png
Built by
Logo.png