Once created, copy the id of the new kioskConfig record for the last step below. To check and edit an existing kioskConfig record, query for kioskConfig. Then it can be selected to edit.
config Property Must Be JSON Formatted
This can done by using the Axon function toJSON().
The order in which the graphics cycle is determined by the order in which they are listed in the JSON object assigned to the config property.
2. Create a New Graphic
Now create a new graphic to act as the kiosk graphic. This can be done by following the Create New Graphic guide and selecting the blank template option or by opening the Graphics Builder App and creating a new graphic.
3. Add Components to New Graphic
If the new graphic was created using the Create New Graphic guide, it may be useful to delete any unwanted components in the work-space at this time. In order to set up the graphic to act like a kiosk, two components will need to be added to the graphic:
1. The include component: This component will be the where the cycling graphics from the kioskConfig record will show.
2.The kiosk component: This component will act as a button that a user can press to go to full screen and start the kiosk slide show.
4. Set the kiosk Component's Properties
Now that the components necessary to make kiosk have been added, the next step will be to set the kiosk component's properties. Click on the kiosk component in the work-space navigate to the properties view on the left side of the screen and switch to the "Basic" view if needed:
The following should be set:
Configuration Filter: This should be a query to link the kioskConfig record created in step #1. Paste the id of the kioskConfig record in the filter as well.
kioskConfig and id==@p:demo:r:2c0b9dc5-2e3d591f
Disable User Input: Toggle this on to prevent users from interacting with the graphics within the slide show. For instance, hyperlink buttons in a graphic that is a part of a kiosk will not be clickable when this is toggled on.
Viewport Ref: This should be the id of the include component added to the kiosk graphic. This can be found by selecting the query tool in the top row and searching for include or by selecting the include component and going to Advanced view in the Properties to find the id.
Once these properties have been set, save the graphic and it will be ready to view.