The trials screen provides a spatial view of the visible trial constructs for editing screen layout and style. Each trial procedure contains a screen. A screen consists of a grid made up of rows and cells with a maximum of 6 rows to a grid and 6 cells to a row.
Selecting a procedure
Click Procedure 1 and select a procedure to manage its screen.
The screen timeline
Each unique frame in the trial is plotted as an interval on the timeline (Figure 1). You need to allocate all the visual items to the grid for each interval along this timeline. Once all items have been allocated for an interval, the interval indicator will turn green, else, if there are items left unallocated, the interval indicator will be red. You can select an interval by clicking on it, or by stepping through the timeline with Step interval
Figure 1. Screen timeline
If a feedback construct has been added to the trials timeline then an extra interval called
Feedback will be placed on the end of the screen timeline (Figure 2).
Figure 2. Screen timeline with Feedback
Setting the screen size
Setting the screen resolution is done by clicking the button second from the left on the toolbar (Figure 3). There are a number of pre-selected resolutions in both landscape and portrait to cater for almost any device size. Hovering the mouse pointer above an item in the list will reveal more detail about the devices it should cater to.
Figure 3. Screen resolution selection
Setting the screen background
Screen background can be set by clicking the background button: Background - color: white. Background can either be a solid color or an image.
Setting row heights
Click Edit row heights to set individual heights for each row.
Adding a new row
Rows can be added to the screen grid by clicking on New row
Deleting a row
Rows can be deleted from the screen grid by first selecting the row by clicking on the left hand side of the row to select it (Figure 4), then clicking Delete row
Figure 4. Row select
Setting cell widths
Individual cell widths can be set by first selecting the row by clicking on the left hand side of the row (Figure 4), then clicking Edit cell widths
Adding a new cell to a row
Cells can be added to a row by first selecting the row by clicking on the left hand side of the row (Figure 4), then clicking New cell
Deleting a cell
Cells can be deleted from the screen grid by first selecting the cell by clicking on the top part of the cell to select it (Figure 5), then clicking Delete cell
Figure 5. Cell select
Adding a construct to the screen
You can add constructs to the screen grid by first selecting the cell by clicking on the top part of the cell to select it (Figure 5), then selecting a construct to insert from Insert item Multiple constructs can be allocated to the same cell at the same interval.
Removing a construct from the screen
You can remove a construct from the screen grid by first selecting the cell by clicking on the top part of the cell to select it (Figure 5), then selecting an item to remove from Remove item