RIGHTBOOTH
  • Home
  • Products
  • Try
  • Help
    • Video Settings
    • Webcams
    • Other Equipment
    • Blog
    • How To
    • Training Videos
    • FAQ
    • User Manual
    • Release Notes
    • Terms of use
    • Contact
  • Feedback
    • Comments
    • User stories >
      • Mike Ridge
      • Tony Kay
      • Dave Bladen
      • Steven D Mills
      • Sue Crossland
      • Luke Dalby
      • McMaster University
      • Hangloose
      • Paul Waterhouse
      • Raf Sauvillers
    • User Videos
    • User Equipment
    • Organisations
  • About

Adding your own buttons to RightBooth

13/8/2015

0 Comments

 
Updated January 2023
This article explains how to create your own buttons that you can add to the RightBooth Media Library.  These buttons can then be chosen to appear on the button items on any of your RightBooth event screens.

New Button
Each button in the RightBooth Media Library comprises two images, an unselected image and a selected image.  Here is an example of a button that is installed in the  Media Library:
Picture
Unselected button image
Picture
Selected button image
Notice how the selected image makes the button look pressed.
You can design your button images however you like, the pressed image can be the same as the unpressed image, or you could make it look highlighted,  or pressed,  as in the above example.

Once you have designed your two images (using your favourite image editing app) , you then need to place them the following RightBooth Media Library folders:

  • The 'unselected' image is placed in the folder:  C:\Users\Public\Public Documents\RightBooth7 Library\Images\Buttons
  • The 'selected' image is placed in the folder:  C:\Users\Public\Public Documents\RightBooth7 Library\Images\Buttons\Down

The file format for the button images must be PNG.
If you want your button to look like it has been 'pressed down' you must design the 'selected' image so that it moves in the Y down direction only.

Now you need to give your button images a filename that RightBooth can use to help position any icon that might be placed on it during the event...

New Button filename

Your button filename has to use the following naming convention if you want the button icons to appear on them correctly in RightBooth...

BUTTON_NAME # ICON_CENTRE_Y_UNPRESSED # ICON_WIDTH # ICON_CENTRE_Y_EXTRA_PRESSED # .png

where...

  • BUTTON_NAME can be any combination of valid characters
  • ICON_CENTER_Y_UNPRESSED is the central position where the button icon will be placed on the button image as a percentage of the height of the button, measured from the top of the button.
  • ICON_WIDTH is the width (and height) of the icon as a percentage of the button width.
  • ICON_CENTRE_Y_EXTRA_PRESSED is the additional amount the icon image will move down when the button is pressed. Again as a percentage of the height of the button.

Taking our example button shown above, the filename for this button is: B4#40#50#5#.png

This means...
  • the button name is B4.
  • the centre of the button icon will be positioned 40% down height of the button.  Note: icons are always positioned centrally across the width of the button.
  • the width and height of the icon is 50% of the width of the button.
  • when the button is shown pressed, the icon will be shown another 5% further down the button height, in this example it will be placed at 45% down from the top.

If you don't want the icon to change position when the button is pressed, set the last parameter to 0,  for example see button:   B1#50#60#0#.png

Remember that both your button images must have the same filename, which is possible because they are stored in different folders.

New Button Icons
If you want to design and use your own set of button icons within RightBooth, you need to create a new set of PNG files and place them in a new sub folder within the following folder in the RightBooth Media Library:

C:\Users\Public\Public Documents\RightBooth7 Library\Images\Buttons\Icons

For example, create a folder:
C:\Users\Public\Public Documents\RightBooth7 Library\Images\Buttons\Icons\Fancy

The Fancy folder must then contain a set of image icons that have the same names as the other icons found in the other Icon sub folders, e.g. back.png, bin.png, etc.

All the icon images must be PNG files. The image width and height MUST be square, e.g. 150x150 pixels.
0 Comments

Your comment will be posted after it is approved.


Leave a Reply.

    Author

    Nigel Pearce

    View my profile on LinkedIn

    RSS Feed

    Archives

    June 2023
    May 2023
    April 2023
    March 2023
    February 2023
    January 2023
    December 2022
    November 2022
    October 2022
    September 2022
    August 2022
    July 2022
    June 2022
    May 2022
    April 2022
    March 2022
    February 2022
    January 2022
    December 2021
    November 2021
    October 2021
    September 2021
    August 2021
    July 2021
    June 2021
    May 2021
    April 2021
    March 2021
    February 2021
    January 2021
    December 2020
    November 2020
    October 2020
    September 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015
    August 2015
    July 2015
    June 2015
    May 2015
    April 2015
    March 2015
    February 2015
    January 2015
    November 2014
    October 2014
    September 2014
    August 2014
    July 2014
    June 2014
    May 2014
    April 2014
    March 2014
    February 2014
    January 2014
    December 2013
    November 2013
    October 2013

RightBooth logo
RIGHTBOOTH
​© 2013 - 2023 Aire Valley Software
News
​
Tutorials
​
FAQ
About
​
Contact
​
Terms of use and ​Privacy Policy
  • Home
  • Products
  • Try
  • Help
    • Video Settings
    • Webcams
    • Other Equipment
    • Blog
    • How To
    • Training Videos
    • FAQ
    • User Manual
    • Release Notes
    • Terms of use
    • Contact
  • Feedback
    • Comments
    • User stories >
      • Mike Ridge
      • Tony Kay
      • Dave Bladen
      • Steven D Mills
      • Sue Crossland
      • Luke Dalby
      • McMaster University
      • Hangloose
      • Paul Waterhouse
      • Raf Sauvillers
    • User Videos
    • User Equipment
    • Organisations
  • About