How to Setup the Attendance Center Layout

Step 1: Open the Attendance Module and Prepare

Ensure you are in the Attendance area of ChildFriendly. The main screen will initially be blank until you begin adding spaces or rooms. Before proceeding, confirm that all required spaces have already been created in the Setup module, as only pre‑configured spaces can be added to the attendance layout.

Step 2: Switch to Canvas View Mode

Make sure you are in Canvas View mode in the Attendance module. Canvas View allows you to see and design a visual layout of your center, which is where you will add and arrange spaces.

Step 3: Enter Edit Layout Mode

Click the Edit layout icon to begin modifying the center layout.

Step 4: Add Spaces to the Layout

Open the layout options by clicking the dropdown menu.

From the dropdown, select Add space. Any spaces that have not yet been added to the attendance layout will be listed here.

Click each space you wish to add to the canvas.

Step 5: Position and Resize Spaces on the Canvas

Once added, the spaces will appear on the canvas.

You can click and drag each space to move it into position, and resize it as needed to reflect the physical room size.

Place each space wherever it is needed on the canvas to mirror your center’s layout.

While you are in editing mode, you can continue to move and resize spaces until the layout matches your center.

It is helpful to have a printed or physical floor plan beside you to accurately reproduce the layout.

Step 6: Use Auto Arrange to Display Spaces in Rows (Optional)

If you prefer to display spaces in simple rows instead of a physical floor plan layout, you can use the Auto arrange option.

Click the Auto arrange icon.

The system will automatically arrange all spaces into rows rather than a free-form physical layout.

Step 7: Finalize and Save the Layout

When you are finished adding, moving, and resizing spaces to the desired positions, review the layout to ensure it is accurate.

Once satisfied, open the dropdown menu again and select Complete editing to save your layout.

Any time you need to add, remove, or rearrange a space, click Edit layout again and make the necessary changes.

Note that access to edit the attendance layout is restricted to users with admin permissions.