Adding Interactive Web Browsing Into Your Events

Updated: Jan 2021

​So let's say you want to allow your event users to optionally browse the web in a well controlled manner.  This article explains a way of implement it in RightBooth.

1 - Add a New Screen to your event
We are going to create a new screen in your event that users can choose to visit by linking it to a  button on the Start screen. The new screen will contain a RightBooth Web browser item, which is a powerful, fully integrated web browser based upon Chromium (the product that Google uses to build its Chrome browser).

• Run RightBooth
• Open your event file
• Click the 'Edit' button on the main RightBooth window to take you to the Event Editor
• On the Screen Editor Toolbox, click 'Add items'
• On the 'Add items' toolbox, click 'Screen' and enter a name for the new screen, let's call it: 'Browser' as follows:

• Then click the OK button to add the new Browser screen into the event. ​Note that the new screen will appear at the top of the screen list and RightBooth will show you the new empty screen.
• Click on the 'Browser' screen name to ensure it is highlighted (see image opposite).
• ​Then click on the Down Arrow button on the Editor Toolbox repeatedly in order to move the Browser screen name down to the bottom of the screen list as shown in the image below:

So why place the screen at the bottom of the list?

The reason is that any screens that appear below the line break are screens which are not usually shown during the normal video recording or photo capture sequence.

So this allows the Browser screen to remain hidden unless called upon by the user. Read on...

2 Add a Web Browser to the new Browser screen

• On the Add Items Toolbox, click the Web browser button to add the RightBooth web browser item to the screen.

In our example we would like the web browser to show the Google search page...

• Make sure the web browser item is selected, then click the 'Properties' check box on the Screen Editor Toolbox
• On the Web browser properties Toolbox, click the Content button to display the URL editor panel.
• In the URL editor, type www.google.com.  The web browser item will then show you the Google web page, as shown in the image below.
• Size and position the web browser item however you like:

3 Add a Back button and a Keyboard Item to the Browser screen

• Click anywhere on the screen background to show the Screen properties
• Tick the 'Back' checkbox to add a Back button (and an associated text item) to the screen:

• On the Add items Toolbox, click the Keyboard button to add a keyboard item to the screen.
• Position and size all items where you want them on the screen, something like this perhaps:

4 Add a Button on the Start screen
Click 'Start' in the Screen Editor screen list to show the event Start screen.
Click the 'Button' button on the 'Add Items' Toolbox to add a new button to the Start screen.
Click on the new button to select it and to show its Button properties
Click on the Action list (No 1 in the image below) and choose the action 'Show screen'
Click in the Action parameter box (No 2 in the image below) and enter the name of the Browser screen in the Action text box panel...

You could also add a Label item to place alongside the button, that states something like:  'Browse the web'

Job Done !

Now when you play this event, your users can choose to click or touch the button on the Start screen to take them to your Browser screen, where they can interact with the web browser and use the on screen keyboard to enter text into any text box within it.

​And when they have finished browsing they can click on the Back button to return to the Start screen.