Using Canvas View in Lutron Designer for RadioRA 3 Systems

Canvas View provides Lutron Designer users with a graphical floorplan to perform tasks in the design tab typically done in Classic View:
<ul><li style='line-height: 1.2;'>Design the layout of the system</li><li style='line-height: 1.2;'>Quickly add and move devices</li><li style='line-height: 1.2;'>Visualize device layout and wireless ranges</li><li style='line-height: 1.2;'>Create a PDF system layout report</li></ul>
 
 
Enroll in and complete the RadioRA 3 - Canvas View training (LP 660) at the Lutron Lighting Control Institute (LCI) Online for a video tutorial (myLutron login and LCI registration required). Click the image below to get started:
 
<a href='https://lutron.docebosaas.com/US/pages/236/lutron-radiora-3-continuing-…; title='Start RadioRA 3 Canvas View Training' target='_blank'><img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='553' height='auto' style='display: block;margin-left: auto;margin-right: auto;'></img></a>
 
 
 
Adding a Floorplan
<hr></hr>
Follow the steps below to get started in Canvas View:
<ol><li style='line-height: 107%;font-size: 11pt;font-family: Aptos, sans-serif;'>Import the floor plan of your Radio RA3 system.</li><li style='line-height: 107%;font-size: 11pt;font-family: Aptos, sans-serif;'>Select View > Canvas View from the top navigation pane</li><li style='line-height: 107%;font-size: 11pt;font-family: Aptos, sans-serif;'>Click Upload floor plan and select your PDF.</li></ol>
 
When prompted to set the scale of your floor plan, select two points on your floor plan and specify the distance apart they represent. If you need to adjust this later, use the 'S' key shortcut to open the Scale Tool again.
 <img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='729' height='auto' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
Scale Mode Expanded:
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img>
 
 
 
 
Adding Areas
<hr></hr>
Creating a New Area
 
<ol><li style='line-height: 1.2;font-size: 11pt;font-family: Aptos, sans-serif;'>Select Area in the top right section of the screen to enter Area Mode.
<ul><li style='line-height: 1.2;font-size: 11pt;font-family: Aptos, sans-serif;'>You can also use the keyboard shortcut by pressing the 'A' key</li></ul>
</li></ol>
 <img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img>
 
 
<ol start='2'><li style='line-height: 1.2;font-size: 11pt;font-family: Aptos, sans-serif;'>Choose the rectangle, ellipses, or polygon tool and outline your area shape to match the boundaries of your floor plan, then name the areas accordingly.
<ul><li style='line-height: 1.2;font-size: 11pt;font-family: Aptos, sans-serif;'>There are various shortcuts to assist with this such as toggling snapping. Please see the Help > Shortcuts menu for a full list.</li></ul>
</li></ol>
 
 <img alt='A floor plan of a kitchenDescription automatically generated' height='auto' width='233' src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img> 
 
 
 
 
 
Drawing a Floor Plan Shape for an Existing Area
 
Follow the steps below to add a floor plan shape to an existing area in your project:
 
 
<ol><li style='line-height: 107%;font-size: 11pt;font-family: Aptos, sans-serif;color: #3e3e3e;'>Create your desired area tree in Classic View of the design tab.</li></ol>
 <img alt='A screenshot of a computerDescription automatically generated' height='auto' width='232' src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img> 
 
 
<ol start='2'><li style='line-height: 107%;font-size: 16px;font-family: helvetica, arial, sans-serif;color: #3e3e3e;'>Switch to Canvas View and note the yellow warning icon on the Area Mode button. This indicates the amount of areas in the floor plan without a shape.</li></ol>
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; width='262' height='60' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
 
Note: When switching from Classic View to Canvas View all existing rooms are located in the equivalent of Floor 1 in Canvas View. If the rooms should be on a different floor, you must drag/drop them within Classic View to the correct floor.
 
 
<ol start='3'><li style='font-family: helvetica, arial, sans-serif;font-size: 16px;line-height: 1.2;'>Draw a shape for an area. A popup appears to inform you how many areas exist but do not yet have floor plan shapes associated with them. </li></ol>
 
<img alt='A drawing of a bedroomDescription automatically generated' height='270' width='225' src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img>
 
 
 
<ol start='4'><li style='line-height: 1.2;font-size: 16px;font-family: helvetica, arial, sans-serif;color: #3e3e3e;'>Expand the dropdown and select the existing area that you’ve drawn to associate it with that area. If the area already contains devices, those devices also appear in the new shape. </li></ol>
 
<img alt='A screenshot of a computer programDescription automatically generated' height='270' width='244' src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img>
 
 
Note: Canvas View is only used to draw areas that contain devices and loads. Organizational parent areas cannot be drawn.
 
<table border='0' style='width: 100%;background-color: #ecf0f1;height: 341.344px;border-style: solid;border-color: #ecf0f1;border-image: initial;'><tbody><tr style='height: 341.344px;'><td colspan='1' rowspan='1' style='width: 99.0938%;line-height: 1.2;border-color: #ecf0f1;'>
In the example area tree below, Bedrooms is an organizational area only and cannot be drawn on Canvas View. 
 
Childless areas – including Kitchen, Living Room, Primary Bedroom, Guest Bedroom #1, and Guest Bedroom #2 – can all be drawn on the floor plan.
 <img alt='A screenshot of a computerDescription automatically generated' height='auto' width='232' src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img>
 
To use organizational areas, add them in Classic View, and then return to Canvas View to draw your shapes.
</td></tr></tbody></table>
 
 
 Adding Devices
<hr></hr>
Load Controls
Canvas View allows users to accomplish tasks normally done in the Design > Controls and Design > Equipment tabs of Classic View. All available Controls and Equipment can be added to the Device palette of Canvas View. 
 
Follow the steps below to add a device in Canvas View:
<ol><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;'>Click the “+” icon in the Devices palette. </li></ol>
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; style='display: block;margin-left: auto;margin-right: auto;'></img> 
<ol start='2'><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Search for your desired device in the Toolbox. Select Add Device to add it to the Devices palette.</li></ol>
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='696' height='370' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
<ol start='3'><li style='line-height: 1.2;font-family: helvetica, arial, sans-serif;font-size: 16px;color: #3e3e3e;'>Drag a device from the Devices palette and drop it onto the floorplan to stamp the device. </li></ol>
Note: Use the keyboard shortcut "CTRL + SHIFT + ." or "CTRL + SHIFT + ," to adjust Floor Plan transparency. This can make devices easier to see.
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='753' height='350' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
Note: When a load controller (such as a dimmer or switch) is stamped, a load is automatically added in the background. To change the name or location of this zone, double-click on the load controller. 
 
 
 
Smart Lights
This section details how to use Canvas View to accomplish tasks normally done on the Design > Smart Lights tab of Classic View. All available smart lights will be visible in the Smart Lights palette. 
 
To add a smart light, select the desired device from the Smart Lights palette and stamp (drag and drop) it onto the floorplan. The device is automatically assigned to a Clear Connect Type X link (processor assignment follows the same rules as Classic View). 
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='160' height='473' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
To view a smart light’s properties, or to use the Tape Design Assistant, double-click the light or right-click and select Edit Properties.
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='673' height='380' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
 
 
 
 
Assigning Devices
<hr></hr>
Like in Classic View, all devices are automatically assigned to a processor by default. This section details how to tell which processor a device is assigned to and how to reassign it to a different processor.
 
 
Clear Connect Type X (CCX) Devices
Each RadioRA 3 Processor includes a designated “CCX” label and is color-coded based on the processor’s RF channel. 
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='92' height='60' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
When a device is assigned to the CCX link of this processor, a matching label is added to the device’s icon.
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='99' height='60' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
Because the pink keypad icon has the same green “CCX1” label as the processor, we know that these keypads are assigned to that processor’s CCX link.
 To change which processor devices are assigned to, select the devices, right-click, and select “Remove Clear Connect Type X Connections” to unassign them. Next, enter Connect Mode, select the devices again, then select the desired processor.
 
 
 
Clear Connect Type A (CCA) Devices
When a device is assigned on the Clear Connect Type A link of a RadioRA 3 Processor, a dotted blue line appears between that device and the processor. 
 
 <img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='341' height='380' style='display: block;margin-left: auto;margin-right: auto;'></img> 
To change which processor devices are assigned to, select the devices, right-click, and select “Remove Clear Connect Type A Connections” to unassign them. Next, enter Connect Mode, select the devices again, then select the desired processor.
 
 
 
Unassigned Devices
A yellow warning icon on the Connect Mode button indicates devices in the project that are not linked. 
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' width='242' height='60' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
Cycle through the unassigned devices by repeatedly clicking the Connect Mode button’s yellow icon. When all devices are assigned, the yellow warning icon disappears.
Note: You can also use the 'C' key to enter Connect Mode.
 
 
Navigating the Floorplan
Use the search bar at the top of Canvas View to easily navigate the floor plan. To navigate to an area immediately, type the area name in the search bar and select it from the list. Canvas View immediately zooms and pans to the selected area.
 
<img src='https://lutron.my.salesforce-sites.com/publicknowledge/servlet/rtaImage…; alt='' style='display: block;margin-left: auto;margin-right: auto;'></img>
 
Note: Various shortcuts exist to assist in navigation, such as F12 to reset your zoom to 100%. To see a full list of these shortcuts, use the Help > Shortcuts option at the top of Designer.

ShortDescription_S

How to use Canvas View in Lutron Designer for RadioRA 3 systems.

SalesforceArticleId_S

ka0PY0000009fK5YAI

ArticleNumber_S

000005676

RecordType_S

How To

SurveyUrl_S

https://lutron.surveymonkey.com/r/CQHRSNT

isSync

Title_S

Using Canvas View in Lutron Designer for RadioRA 3 Systems

LikeCount

isActive_S

MetaTitle

Using Canvas View in Lutron Designer for RadioRA 3 Systems

MetaDescription

How to use Canvas View in Lutron Designer for RadioRA 3 systems.

URL Mapping Machine Name

RadioRA-3-Canvas-View

PageTitle

Using Canvas View in Lutron Designer for RadioRA 3 Systems

Grouping_S

RadioRA 3

programming

Product Page

RadioRA 3