Modern Choice Buttons
Modern Choice Buttons
A control that replaces a standard choice field with a horizontal row of clickable icon+label tiles instead of a dropdown list.
The Modern Choice Buttons Component renders one tile per option, each showing an MDL2 icon above the option's own label, wrapping automatically to a new row when there isn't enough horizontal space. It supports the same vast icon set as Advanced Dropdown - a default icon for every tile or a per-option JSON icon map, plus per-option icons sourced from each option's own External Value field.
It features independently configurable background and border color modes (a custom hex color or the choice option's own configured color), Square or Rounded tile shapes, Small/Normal/Large tile sizing, and an icon color scope that applies color to every tile or just the selected one - making it perfect for status or stage selectors, priority/severity pickers, category selection on touch-friendly forms, or any choice field where visual recognition matters more than a compact dropdown.
Author: Maximilian Henkensiefken
Floating Action Button
A control to show a customizable Floating Action Button for Power Apps canvas apps.
Choice Checkbox Control
A control to visualize Multi Select and Single Select OptionSet/Choice Columns for model-driven apps
Button Control
A control to render a button (FluentUI) and to be able to call a JavaScript function.
Multiselect With Color
A control to select multiple items from a dropdown list, and each selected item is displayed as a...
OfficeUI React Button
A control to demonstrate how to include Office UI Fabric React in a PCF control as a customizable...