Please enable JavaScript.
Coggle requires JavaScript to display documents.
Canvas Management (FOURMILE-151
As a user or designer I want by default,…
Canvas Management
FOURMILE-151
As a user or designer I want by default, the canvas to be sized to best fit the area in the user interface
FOURMILE-312 :check:
Best Fit - Presets and source menus are collapsed and the canvas is either zoomed in/ zoomed out and when user click on "Best fit" icon then the canvas should be resized to Best fit screen size by utilizing the menus space
Given the user is in landing page by successfully connecting to a device
And the preset / sources menus are in collapsed state
And the canvas is zoomed in by the user
When user click on "Best fit" icon
Then the canvas should be resized to Best fit screen size by utilizing the presets /sources menus space
And the presets menu should be collapsed
And the sources menu should be collapsed
FOURMILE-311 :check:
Best Fit - Presets and source menus are expanded and the canvas is either zoomed in/ zoomed out and when user click on "Best Fit" icon then the canvas should be resized to best fit screen size
Given the user is in landing page by successfully connecting to a device
And the presets / sources menus are in expanded state
And the canvas is either zoomed in / zoomed out
When user click on "Best fit" icon
Then the canvas should be resized to Best fit screen size
And the presets menu should be expanded
And the sources menu should be expanded
Best Fit - When user made the kiosk app to display in split screen view then resizing the app to full screen should preserve the best fit (Or) not :question:
Best Fit - When user made the kiosk app to display in pop up view then resizing the app to full screen should preserve the best fit (Or) not :question:
FOURMILE-310 :check:
Default zoom setting - When canvas is shown then by default zoom setting is set to "Best Fit"
Given the user is in landing page by successfully connecting to a device
When the canvas is shown
Then the default zoom setting is set to "Best Fit"
And the presets menu should be expanded
And the sources menu should be expanded
FOURMILE-159
As a user I want to have option to hide or show grid on canvas so that I have flexibility for designing
FOURMILE-320 :check:
Grid Management - When "Show Grid" is turned ON then the grid is enabled on the canvas and user should be able to Increase/Decrease the grid density
Given the user is in landing page by successfully connecting to a device
And the user is in Canvas 1
And by default the "Show Grid" is turned off
And user click on Grid icon
And in the pop up the settings are like this (Ex: Show Grid - OFF, Increase and Decrease grid Icons should be disabled)
When "Show Grid" is turned ON
Then the grid density increases to 1 level on the canvas
And the Increase grid Icon should be enabled so that the grid density can be increased
And the decrease grid density Icon should be enabled so that the grid density can be decreased
And the setting should be persisted in Canvas 1 for that session
FOURMILE-321 :check:
Grid Management - When "Show Grid" is turned OFF then the grid is disabled on the canvas
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option
And the grid density increases on the canvas
And the Increase grid Icon is enabled
And the decrease grid Icon is enabled
When user turned OFF the "Show Grid"
Then the grid is disabled on the canvas
And the Increase grid Icon should be disabled
And the Decrease grid Icon should be disabled
And the pop up should still appear
FOURMILE-322 :check:
Grid Management - "Show Grid" setting is not persisted When switching between the canvas
Given the user is in landing page by successfully connecting to a device
And more than 1 canvas is available on the connected device
And user turned ON "Show Grid" option for canvas 1
And user switched to another canvas (Ex: canvas 2)
When user click on canvas 1 again
Then the "Show Grid" setting is turned OFF
And the setting is not persisted
FOURMILE-323 :check:
Grid Management - "Show Grid" setting is not persisted When re-logging
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option for canvas 1
And user selected the "Logout" option from the device connection tab
When user successfully connected to the same device again
Then the "Show Grid" setting is turned OFF for the canvas 1
And the setting is not persisted
FOURMILE-324 :check:
Grid Management - "Show Grid" pop up will disappear when user do click away
Given the user is in landing page by successfully connecting to a device
And by default the "Show Grid" is turned off
And user click on Grid icon
And in the pop up the settings are like this (Ex: Show Grid - OFF, Increase and Decrease grid Icons should be disabled)
When user do click away
Then the "Show Grid" pop up should disappear
FOURMILE-152
As a user or designer I want software to provide me with the ability to canvas zoom in and out so that I can get the levels of details required, the zoom levels should be indicated.
FOURMILE-313 :check:
Zoom bar - Click on the zoom icon brings the horizontal slider which allows the user to increase or decrease the zoom level
Given the user is in the landing page by successfully connecting to a device
When user clicked on Zoom icon
Then the horizontal slider should appear which allows the user to increase or decrease the zoom level
And it should indicate the current zoom level in the slider
FOURMILE-314 :check:
Zoom bar - Increase the zoom level by dragging the bar should zoom in the canvas
Given the user is in the landing page by successfully connecting to a device
And user clicked on Zoom icon
And the horizontal slider should appear which allows the user to increase or decrease the zoom level
When user increase the zoom level by dragging the bar
Then the canvas should zoom in
And the zoom level should be reflected accurately
And the horizontal slider pop up should appear on the canvas
FOURMILE-315 :check:
Zoom bar - Decrease the zoom level by dragging the bar should zoom out the canvas
Given the user is in the landing page by successfully connecting to a device
And user clicked on Zoom icon
And the horizontal slider should appear which allows the user to increase or decrease the zoom level
When user decrease the zoom level by dragging the bar
Then the canvas should zoom out (i.e shrink)
And the zoom level should be reflected accurately
And the horizontal slider pop up should appear on the canvas
Zoom bar - When user is not interacting within 3 seconds then the zoom bar should disappear :red_cross:
Given the user is in landing page by successfully connecting to a device
And user clicked on zoom icon
And the horizontal slider should appear which allows the user to increase or decrease the zoom level
When user is not interacting with the zoom bar within 3 seconds
Then the zoom bar should disappear from the canvas view
FOURMILE-316 :check:
Zoom bar - Horizontal slider should disappear when user do click away
Given the user is in landing page by successfully connecting to a device
And user clicked on zoom icon
And the horizontal slider should appear which allows the user to increase or decrease the zoom level
When user do click away
Then the zoom bar should disappear from the canvas view
FOURMILE-158
As a user I want to define and change the grid size so that I can design my window sizes easily
FOURMILE-329 :check:
Grid Management - Decrease snap grid divisions when grid is enabled
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option
When user presses Decrease button
Then the grid density decreases on the canvas\
Note: Min grid density is 1 part
FOURMILE-328 :check:
Grid Management - Increase snap grid divisions to maximum density
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option
When user reaches to the maximum grid density on the canvas (i.e 16 parts)
Then the Increase grid Icon should be disabled
FOURMILE-327 :check:
Grid Management - Decrease snap grid divisions to minimum density
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option
When user reaches to the minimum grid density on the canvas (i.e 1 part)
Then the Decrease grid Icon should be disabled
FOURMILE-330 :check:
Grid Management - Increase snap grid divisions when grid is enabled
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option
When user presses Increase button
Then the grid density increases on the canvas\
Note: Max grid density is 16 parts
FOURMILE-157
As a user or designer I want software to provide me with the ability to lock the canvas so that windows are not repositioned accidently
FOURMILE-317 :check:
Canvas Lock - When canvas is locked mode user will be limited with only few options
Given the user is in landing page by successfully connecting to a device
And the canvas is unlocked by default
When the canvas unlock icon is selected by the user
Then the canvas will be locked
And the "Windows Locked" message should be notified to the user
And the icon should be update to Lock icon which represent the current state of the canvas
And the following <Options> are disabled for the user
And the following <Features> are available for the user|| Options ||
| Reposition window (X and Y coordinates are greyed out )|
| Resize window (W, Z and Aspect ratio lock are greyed out)|
| Fill display, Fill canvas, Cut, Copy, Paste are greyed out when a window is selected ||| Features ||
| Switching Inputs |
| Recall Presets |
| Manipulate canvas (Pan, Best fit, New window, Grid, Clear canvas, Undo) |
| Mute and View info when a window is selected |
FOURMILE-318 :check:
Canvas Unlock - User can unlock the canvas when it is in locked mode simply by toggling the lock Icon
Given the user is in landing page by successfully connecting to a device
And the canvas is in locked mode
When the canvas lock icon is selected by the user
Then the canvas will be unlocked
And the icon should be update to Unlock icon which represent the current state of the canvas
And the following <{color:red}Options{color}> which are not available for the user should be enabled now\
|| {color:red}Options {color}||
| Reposition window (X and Y coordinates are greyed out ) |
| Resize window (W, Z and Aspect ratio lock are greyed out) |
| Fill display, Fill canvas, Cut, Copy, Paste are greyed out when a window is selected |
FOURMILE-319 :check:
Canvas Unlock - User can unlock the canvas when it is in locked mode simply by exit from the windows locked pop up
Given the user is in landing page by successfully connecting to a device
And the canvas is in locked mode
And the "Windows Locked" message should be notified to the user
When the user click on close for "Windows Locked" pop up message
Then the pop up message should disappear
And canvas will be unlocked
And the icon should be update to Unlock icon which represent the current state of the canvas
And the following <{color:red}Options{color}> which are not available for the user should be enabled now\
|| {color:red}Options {color}||
| Reposition window (X and Y coordinates are greyed out ) |
| Resize window (W, Z and Aspect ratio lock are greyed out) |
| Fill display, Fill canvas, Cut, Copy, Paste are greyed out when a window is selected |
FOURMILE-161
As a user I want to option to delete all the windows on the canvas so that I have quick option to clear the canvas for clean start
FOURMILE-325 :check:
Clear canvas - When user select "Clear" option then all the windows currently existing in the canvas are deleted
Given the user is in the landing page by successfully connecting to a device
And there are 5 windows on the canvas
When user selects "Clear" Icon
Then all the 5 windows on the canvas will be deleted
And the effect should be reflected on the videowall
FOURMILE-946 :check:
Clear canvas - When the canvas is having minimum of one window - Clear option should be enabled
Given the user is successfully connected to a device
When the canvas is having at least minimum of one window in the landing page
Then the "Clear" option should be enabled on the toolbar
FOURMILE-947 :check:
Clear canvas - When the canvas has no windows - Clear option should be disabled
Given the user is successfully connected to a device
When the canvas has no windows
Then the "Clear" option should be disabled on the toolbar
FOURMILE-150
As a user of videowall app in Live Mode, I want the landing page canvas to have details and visual of the videowall canvas
Render windows
Landing page - When user successfully connected to a device then windows should be rendered on the canvas if available
-
Render screens
-
Resolution
Landing page - Canvas should render depending on the resolution setting available on the project file
Overlap
Landing page - Canvas should render depending on the Edge Blending setting available on the project file
-
FOURMILE-156
As a user or designer I want software to provide me with the ability to zoom in and out and pan the windows around the canvas using gesture motions.
FOURMILE-919 :check:
Canvas pan - Calculate canvas workspace area based on the settings available in project file
Given the user is successfully connected to a device where the project file is having these <Settings>
When the user is in landing page
Then the canvas workspace area should be calculated by identifying the maximum canvas size among the existing canvas
And apply it to both horizontal, vertical directions in the canvas
And the whole canvas area will be same for all the existing canvas
And the screens in the canvases are in the same starting position\
|| {color:red}Settings {color}||
| No Of Displays (Columns X Rows) |
| Resolution |
| Rotation |
| Mullions / EdgeBlend |\
Example : When the project file is having the above settings the canvas workspace calculations should be as shown below
||Canvas||No of Displays||Resolution ||H.Mullion ||V.Mullion ||Rotation ||Canvas_X ||Canvas_Y ||MaxCanvas_X ||MaxCanvas_Y ||Workspace_X ||Workspace_Y ||CanvasArea_X ||CanvasArea_Y ||
|Canvas 1|2x2|1920x1080|30 pixels|30 pixels|0|3870|2190|5180|4136|10360|8272|-10360 to 15540|-8272 to 12408|
|Canvas 2|2x2|2048x1080|40 pixels|40 pixels|+90|2200|4136|5180|4136|10360|8272|-10360 to 15540|-8272 to 12408|
|Canvas 3|4x4|1280x720|20 pixels|20 pixels|0|5180|2940|5180|4136|10360|8272|-10360 to 15540|-8272 to 12408|
-
FOURMILE-945 :check:
Canvas pan - User should be able to pan the canvas horizontally or vertically by dragging the scrollbar
Given the user is successfully connected to a device
And the user is in landing page
And the canvas is zoomed in
And the scroll bars are displayed on the canvas as shown in the design below
When user is dragging the scrollbar
Then the user should see the able to pan the canvas[Design|https://wiki.extron.com/display/PDS/Canvas+Management#CanvasManagement-Pan]
FOURMILE-160
As a user I want an option to enable locking to the grid on canvas when resizing the window so that resizing happens only at the grid granularity
FOURMILE-335 :check:
Grid Management - Grid disabled - Windows should not snap while moving or resizing a window
Given the user is in landing page by successfully connecting to a device
And the "Show Grid" is set to OFF by default
When the user is moving (or) resizing the window(s)
Then the window(s) should not snap
FOURMILE-334 :check:
Grid Management - Grid enabled - Windows should snap to the nearest grid while moving or resizing a window
Given the user is in landing page by successfully connecting to a device
And user turned ON "Show Grid" option for canvas 1
And the grid lines will appear
When the user is moving (or) resizing the window(s)
Then the window(s) should snap to the nearest grid
FOURMILE-162
As a user I would like to browse various walls configured and available so that I can view quickly different wall configuration
FOURMILE-326 :check:
Canvas Browsing Gesture - When user swipe horizontally area outside of canvas then user can switch to next canvas
Given the user is successfully connected to a device
And the project file is having more than 1 screen group
And the user is in the landing page
When user swipe horizontally area outside of canvas
Then the user should be switching to the next canvas
And under the canvas and before the presets it should update the name of the canvas
And the left / right arrows should be available
And it should mention the number of canvas we are referring to (Ex: 2 of 2)