How To Use a Button Element

The Button Element makes it easy for you to place and customize a button that can be used in interactive applications like Kiosks

Written By Ed Kinne

Last updated 11 months ago

What is the Button Element?

The Button Element makes it easy for you to place and customize a button that can be used in interactive kiosk applications. You can customize nearly every aspect of the look and feel. Knowledge of JavaScript, jQuery, or at least CSS selectors and Korbyt’s Quick Actions feature is required to use all this Element effectively.

What Can a Button Do

  • Buttons can be used to activate Quick Actions that cause changes inside this design

  • They can be used inside the Kiosk Builder to be used to navigate to other Kiosk pages

  • They can be used to connect to other external systems through custom CSS and JavaScript

What Can Act as a Button

Any element that is on the canvas of a Layout or Message can be used as an interactive button that can be clicked to make actions happen in the design, you do not need to use Button Elements for interactivity, but they can offer some advanced options that an Image Element or some other type of Element doesn’t offer

Adding a Button Element

When you add a button element, it will begin with a default design with the text “MAKE IT”, you then use the menus to customize the look and behavior of the button

Editing a Button Element

Icon

Setting Description

Text Styles Sets the text and text characteristics

Icon allows you to add an optional icon from libraries

Styles quickly pick a starting design

Button Style can set and define different design elements for Standard / Hover / and Active states

Icon Styles set and define the Icon desgin for Standard / Hover / Active states

Button Type advanced options for linking the button to items outside of this one design