Modern Choice Buttons

Modern Choice Buttons

Model-driven Apps    Canvas Apps    Power Pages
License is Present    Managed Solution Available
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.


choice button tile

Author: Maximilian Henkensiefken        

You might be interested in these PCFs

GradientButton
A control with gradient backgrounds, shadow, glow, border, typography, animation, and ripple effect.

         
gradient button

Nexplore CSV Dropdown Control
A control that renders a dropdown populated from a semicolon-separated list of values.

         
csv dropdown choice

Button Notification
A control with an input and a button that interact with the user.

         
button notification

Colorful OptionSet Button
A control to display all options as clickable buttons with colorful background set inside OptionSet.

         
button optionset

React - Fluent UI - PopOver Button
A control to render a PopOver that displays structured, interactive content on button clicks, enh...

         
popover button fluent ui

OptionSet Choice Group
A control to present choices defined in a Choice column table in a clear and organized way

         
optionset choice group