Font Awesome Icon style buttons for your px pages. Drag and drop the icon widget from the palette onto your px view.
Are you looking for a cost effective way to manage and visualize data for all your customers? Why not have a look at View Builder ?
Before you start. Download the modules from our portal (see your order confirmation, which also explains licensing). Copy the modules file to your modules directory. Restart BOTH station and Workbench.
The widget has 2 main configurable properties that can be used to modify look, feel, and functionality. Change the properties as required:
The Niagara object the button points to.
Set this to an absolute ord, e.g. station:|slot:/Drivers/NiagaraNetwork/AHU5 OR relativized ORD e.g. slot:AHU5
The button text to show on the button. You can also enter html character codes. E.g. non-breaking space:
Bootstrap V4 - the following values are acceptable: btn-primary, btn-secondary, btn-success, btn-info, btn-warning, btn-danger, btn-link, btn-outline-primary, btn-outline-secondary, btn-outline-success, btn-outline-info, btn-outline-warning, btn-outline-danger.
Add a non-breaking space to either side by using
Set the fontAwesomeStyleProperty. Uses version font awesome library version 4.7.0. Font Awesome Icons Homepage
Note: the buttons have a transparent canvas background in browser mode.
back to more widgets...
Build Your Own dashboards and win Projects by showing data that increase value and reduces expenditure.
Home About Us Current Projects Affiliations Privacy Policy ECommerce Policy
View Builder IOT ™© Mobile Solutions N4 View Builder ™© Niagara PX Graphics
Software Development Consultancy Project Management Graphic Design Knowledge
T: +44 (0)800 511 8446 (UK) +1 888 207 4061 (US)
Copyright © 2025 Works Software & Engineering Ltd. All rights reserved.