Button Group Widget

The IQNOX Button Group widget allows for displaying multiple options that a user can choose from.

Usage #

Properties #

PropertiesTypeBindingDefaultDescription
CustomClassSTRING<>Enables you to define an html class to the top div of the widget. Multiple classes can be entered, separated by space
TemplateLIST<Template 1The widget Template to use for this widget
NumberOfButtonsINTEGER3How many buttons to display.
MultiSelectBOOLEANFALSEAllows the user to select multiple buttons at a time. Buttons can be deselected by clicking again on them.
DefaultButtonSelectedSTRING0Auto select the button specified on runtime. 0 selects none of them. Separate the options by a comma if you want multiple buttons selected.(Ex: 1,2,3)
SelectedButtonNameSTRING<>Name of selected button
SelectedButtonValueSTRING<>Value of selected button
SelectedButtonValuesINFOTABLE<>Outputs an infotable of the selected values. This is helpful when MultipleSelect to get the selected buttons easier. The infotable will use GenericStringList as datashape.

The following properties are repeated for each button in NumberOfButtons

PropertiesTypeBindingDefaultDescription
Button1NameSTRING[localized]<Button1Label displayed on the button
Button1ValueSTRING<Value used to identify the button
Button1IconURISTRING<URI used to generate the button’s icon
Button1VisibleBOOLEAN<TRUEToggles the visibility of the button
Button1DisabledBOOLEAN<FALSEShows the button as disabled

Services #

PropertyTypeBindingDescription
SelectDefaultButtonSERVICE<A bindable service to reselect the default button

Events #

PropertyTypeBindingDescription
SelectedButtonChangedEVENT>Triggers an event when the selected button changed

Was this article helpful?

  • Happy
  • Normal
  • Sad

Contact Support

Please fill in the form below and we will get back to you ASAP!
Support form is only accessible for logged in users.
IQNOX Logo
Log In

Welcome back!

Remember me
Don't have an account? Sign Up

Schedule a Demo

Schedule a personalized demo to explore how our widgets can streamline your workflow, enhance efficiency, and drive better results.
Name
Preffered Date / Time (US Eastern time)
We’ll do our best to accommodate your preferred date and time. If it’s not available, our team will reach out to find a time that works for everyone.