PicFlow Web Application User Guide

1. Click on the “+” sign to the right of Screen Groups section, or the red button “+ Create Group” at the bottom right corner of the screen.

2. A pop-up window will appear. Enter a “Group Name” in the text field. This can for example be a street or city name or an orientation type, which ever is most suitable for your organisation.

3. Select a “Parent Group” if you are creating a sub group, for an already existing group. (Please note that you must create your first group to be able to use this functionality. If you are following this tutorial to create your first group, you will not be able to choose a parent group yet).

4. Click on the “Create Group” button to save your changes.

Group details

In the screen group sections, you will be able to see various information about your group and the screens within it.

This group is called  “Gothenburg” and will be used as an example to guide you through the visible details.

“Gothenburg” is a sub group in the screen group “All screens”. This is visible to the left of the folder name. You can use the arrow to navigate back to the parent group.

You are able to see both the number of screens within the screen group, as well as the number of sub groups the screen group contains.

“Gothenburg” contains two screens and one sub group.

To the right, you can see the layout of the screens within the folder. The screens in “Gothenburg” contain two portrait layouts and zero landscape layouts.

You can view the statuses of your screens within the screen group. In the “Gothenburg” screen group, one screen is successfully connected and updated, marked with green, while one screen is not properly connected, marked with red. Use the Pulse tab in the yellow sidebar to explore the statuses of your screens further.

With Pulse, you can quickly see if your updates have been delivered correctly, if any screen has failed to receive the content, or if further action is required.

The sub groups of a screen group is visible within the group container. “Gothenburg” has a sub group called “Åvägen”. Navigate to the “Åvägen” group by clicking on the name.

Edit a Group

Click on a group to access the settings sidebar on the right side of the screen.

In the sidebar your layouts are sorted in Vertical and Horizontal at the top of the sidebar, displaying the layouts used in the group  as a list below. In this example a PicFlows vertical default layout and a custom Åvägen layout is being used.

You are able to rotate and restart your screens by clicking the icons. Hover over the icons to view what functionality they hold.

Change the Group Name in the text field and the Parent Group of your screen group with the select box.

Click the “Layout swap” button to change the layout for all the screens in your screen group.

Click the “Save Changes” button to apply any modifications.

Delete a Group

Click on the 3 vertical dots icon next to the group name and select “Delete”. A pop-up will appear to confirm deletion. Click “Delete” to confirm.

Click on the screen to open its settings. You will find available settings in the right sidebar.

You will see a preview of your current screen, followed by a online/offline indicator, and three symbols that gives you the option to rotate screen, rotate screen and open a full screen overview. Hover over each symbol to see what functionality it holds.

If you scroll further you are given the option to adjust the Screen Name, change the Screen Layout and move your screen to a different Screen Group. You can also press the information arrow to expand information about your screen.

Click  the red “Save Changes” to apply any modifications.

To publish to several screens within the same screen group, start by selecting the group in the Screen Group section.

To publish to several screens at the same time, these screen has to have the same layout. The layouts within a screen group  will be visible in the top of editing sidebar, at the right side of the screen. In this example, we can see that there is one layout used in this screen group, the vertical Default Layout from PicFlow.

Click the layout to navigate to edit mode.

You will now see a preview of the layout in the editing sidebar. To edit the screens, click “Edit Screens” in the bottom of the sidebar.

You will now access the editing view. The navigation row att the top of the screen tells you which screen group you are editing.

Select an area which you would like to upload content to.

In this example, we are changing the background color of the already existing template. To learn more about how to edit a template, please navigate to the template section in this User Guide.

As you can see below, the selected template now have a new, red background color and we are ready to publish this update to all screens within our selected screen group.

Click “Publish” in the top left of the main section, the button is highlighted in red.

A green pop-up bar will appear, confirming that your publication was successful. The “Publish” button will be disabled and display “Published”, indicating there are no changes left to publish.

Navigate back to your screen view by using the arrow on the left side of the screen.

The changes will now be visible on all the screens in the screen group, that uses the selected layout.