Difference between revisions of "Customizing the Whiteboard Canvas"

From myViewBoard
Jump to navigation Jump to search
 
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
[[File:Background-menu-dialog.PNG|left|420px|Background menu options]]
+
<gallery widths="400px" heights="260px">
{{BR}}
+
BG_menu_Bis.png|Background menu options (Business)|link=
The background can be changed via several methods, including importing images from local and cloud storage, and using myViewBoard custom backgrounds.
+
Background-menu-dialog.PNG|Background menu options (Education)|link=
 +
</gallery>
  
The background management icon[[File:I-background-menu.svg|35px|link=]] is located in the bottom left of the screen.
+
Change the background by clicking the [[File:I-background-menu.svg|35px|link=]] icon in the bottom left of the screen. You can import images from local and cloud storage, use myViewBoard custom backgrounds, or set a solid color.  
  
myViewBoard also provides free content for educators to use, accessible from the background management pop-out window. Original Content is regularly updated and is also accessible from [[myViewBoard Original Content|this page on the wiki]].
+
myViewBoard also provides free content for educators to use, accessible from the background management pop-out window. myViewBoard Originals are regularly updated and are also accessible from [[myViewBoard Original Content|this page on the wiki]].
  
<div style="display:table;"><div style="display:table-row;">
+
<div class="TAB">
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-FollowMe-setting.svg|link=]]|50px}} </div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''FollowMe Setting'''''<br/>Displays custom images uploaded in the cloud storage account. </div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:FollowMe BG Off.png|link=]]|50px}}</div>
</div></div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-FollowMe-setting.svg|link=]]|50px}}</div>
 
+
<div class="DTC" style="vertical-align: middle;">'''''FollowMe Images'''''<br/>Displays custom images uploaded to your cloud storage account. </div>
<div style="display:table;"><div style="display:table-row;">
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-adorning-menu-color.svg |link=]]|50px}} </div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Color Palette'''''<br/>Sets a solid or gradient color as the background.   </div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:Color BG Off.png|link=]]|50px}}</div>
</div></div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-adorning-menu-color.svg |link=]]|50px}}</div>
 
+
<div class="DTC" style="vertical-align: middle;">'''''Color Palette'''''<br/>Sets a solid or gradient color as the background. </div>
<div style="display:table;"><div style="display:table-row;">
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-pre-installed.svg|link=]]|50px}} </div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Pre-installed'''''<br/>Displays backgrounds that come pre-installed with Whiteboard. </div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:BuiltIn_BG_Bis.png|link=]]|50px}}</div>
</div></div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-pre-installed.svg|link=]]|50px}} </div>
 
+
<div class="DTC" style="vertical-align: middle;">'''''Pre-installed'''''<br/>Displays backgrounds that come pre-installed with Whiteboard. </div>
<div style="display:table;"><div style="display:table-row;">
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:Icon_originals.svg|link=]]|50px}} </div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''[[MyViewBoard_Original_Content|myViewBoard Original Content]]'''''<br/>Displays original backgrounds created by myViewBoard. </div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:Icon_originals.svg|link=MyViewBoard_Original_Content]]|50px}}</div>
</div></div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:Icon_originals.svg|link=MyViewBoard_Original_Content]]|50px}} </div>
 
+
<div class="DTC" style="vertical-align: middle;"> '''''[[MyViewBoard_Original_Content|myViewBoard Originals]]'''''<br/>Displays original backgrounds created by myViewBoard. </div>
<div style="display:table;"><div style="display:table-row;">
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-local-harddrive.svg|link=]]|50px}} </div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Local hard drive'''''<br/>Use images from the user's hard drive. </div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:LocalAdd BG Off.png|link=]]|50px}}</div>
</div></div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-local-harddrive.svg|link=]]|50px}} </div>
 
+
<div class="DTC" style="vertical-align: middle;">'''''Local hard drive'''''<br/>Use images from the user's hard drive. </div>
<div style="display:table;"><div style="display:table-row;">
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-select-Image.svg|link=]]|50px}} </div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Select Image'''''<br/>Select images from the local hard drive to use as background.<br/> It is recommended that selected images match your screen's resolution.</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:AddBackground.png|link=]]|50px}}</div>
</div></div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-select-Image.svg|link=]]|50px}}</div>
 +
<div class="DTC" style="vertical-align: middle;"> '''''Select Image'''''<br/>Select images from the local hard drive to use as background.<br/> It is recommended that selected images match your screen's resolution. </div>
 +
</div>
 +
</div>
  
 
There are also the following options for overlays to the background (can be applied in addition to backgrounds):
 
There are also the following options for overlays to the background (can be applied in addition to backgrounds):
<div style="display:table;">
+
<div class="TAB">
<div style="display:table-row;" class="DT">
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-grid.svg|link=]]|50px}}</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:Grid Off.png|link=]]|50px}}</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Grid'''''<br/>Displays a grid over the canvas. The color of the grid changes depending on the background color.</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-grid.svg|link=]]|50px}}</div>
</div>                                                        
+
<div class="DTC" style="vertical-align: middle;">'''''Grid'''''<br/>Displays a grid over the canvas. The color of the grid changes depending on the background color. </div>
<div style="display:table-row;" class="DT">                              
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-confidential.svg|link=]]|50px}}</div>
+
<div class="DTR">
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Confidential'''''<br/>Displays a 'confidential' watermark. The watermark may not be visible on certain background colors.</div>
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:Watermark Off.png|link=]]|50px}}</div>
</div>                                                        
+
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-confidential.svg|link=]]|50px}}</div>
<div style="display:table-row;" class="DT">                              
+
<div class="DTC" style="vertical-align: middle;">'''''Confidential'''''<br/>Displays a 'confidential' watermark. The watermark may not be visible on certain background colors. </div>
<div style="display:table-cell;vertical-align:top;padding:5px;">{{IconBox|[[File:I-background-menu-date-time.svg|link=]]|50px}}</div>
+
</div>
<div style="display:table-cell;vertical-align:top;padding:5px;">'''''Date Time'''''<br/>Displays the current date and time in the top right of the canvas. <br/>Click the icon to show or hide the date and time. </div>
+
<div class="DTR">
 +
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#323232; border-color: #323232;">{{IconBox|[[File:DateTime Off.png|link=]]|50px}}</div>
 +
<div class="DTC" style="text-align:center;vertical-align: middle;background-color:#DEDCCB; border-color: #DEDCCB;">{{IconBox|[[File:I-background-menu-date-time.svg|link=]]|50px}}</div>
 +
<div class="DTC" style="vertical-align: middle;">'''''Date Time'''''<br/>Displays the current date and time in the top right of the canvas. <br/>Click the icon to show or hide the date and time. </div>
 
</div>
 
</div>
 
</div>
 
</div>
  
</li></ol>
+
==Related media==
<br/>
+
{{YouTube-box|rQF-Zes_rao|Whiteboard for Windows: changing the background tutorial}}
{{YouTube-box|rQF-Zes_rao|Whiteboard for Windows: changing the background tutorial}}{{BR}}
+
{{YouTube-box|RKalYx6GHVg|Adding Custom Backgrounds}}
 
+
{{BR}}
 
+
<noinclude>
 +
----
 +
{{ent:Get_more_information}}
 
<seo metak="myviewboard" ogtitle="Customizing the Whiteboard Canvas" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="Use the background menu to change the canvas background. " />
 
<seo metak="myviewboard" ogtitle="Customizing the Whiteboard Canvas" ogimage="wiki.myviewboard.com/images/f/fe/Logo-filled.png" ogdescr="Use the background menu to change the canvas background. " />
 
<noinclude>
 
 
{{DISPLAYTITLE:Customizing the Whiteboard Canvas}}
 
{{DISPLAYTITLE:Customizing the Whiteboard Canvas}}
 +
[[Category:Whiteboard for Windows]]
 +
[[Category:whiteboard for Android]]
 
</noinclude>
 
</noinclude>
[[Category:Windows]]
 
[[Category:Android]]
 

Latest revision as of 12:34, 20 July 2021

Change the background by clicking the I-background-menu.svg icon in the bottom left of the screen. You can import images from local and cloud storage, use myViewBoard custom backgrounds, or set a solid color.

myViewBoard also provides free content for educators to use, accessible from the background management pop-out window. myViewBoard Originals are regularly updated and are also accessible from this page on the wiki.

FollowMe BG Off.png
I-background-menu-FollowMe-setting.svg
FollowMe Images
Displays custom images uploaded to your cloud storage account.
Color BG Off.png
I-adorning-menu-color.svg
Color Palette
Sets a solid or gradient color as the background.
BuiltIn BG Bis.png
I-background-menu-pre-installed.svg
Pre-installed
Displays backgrounds that come pre-installed with Whiteboard.
Icon originals.svg
Icon originals.svg
myViewBoard Originals
Displays original backgrounds created by myViewBoard.
LocalAdd BG Off.png
I-background-menu-local-harddrive.svg
Local hard drive
Use images from the user's hard drive.
AddBackground.png
I-background-menu-select-Image.svg
Select Image
Select images from the local hard drive to use as background.
It is recommended that selected images match your screen's resolution.

There are also the following options for overlays to the background (can be applied in addition to backgrounds):

Grid Off.png
I-background-menu-grid.svg
Grid
Displays a grid over the canvas. The color of the grid changes depending on the background color.
Watermark Off.png
I-background-menu-confidential.svg
Confidential
Displays a 'confidential' watermark. The watermark may not be visible on certain background colors.
DateTime Off.png
I-background-menu-date-time.svg
Date Time
Displays the current date and time in the top right of the canvas.
Click the icon to show or hide the date and time.

Related media

rQF-Zes_rao

Whiteboard for Windows: changing the background tutorial

RKalYx6GHVg

Adding Custom Backgrounds



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