Material UI Buttons for N4
- Drag n' Drop
- Links to Ord
- Material UI Styling
- Clean pristine click effect
- Easy to Configure
The Material UI Button Widget allows you to navigate to a station ord, hyperlink, or external hyperlink. When combined with our dashboard templates, your PX pages can easily navigate to other dashboard links. More info below. Before you start, copy the .jar file to your modules directory. Restart the station and Workbench.
1. Copy the materialUIButtons-ux.jar file to your modules directory.
2. Open the module from your palette file.
3. Drag and drop the widget from the palette onto your px view.
The buttons have a number of 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.
NiagaraNetwork/AHU5 or relativized ORD e.g.
Be sure to set the link property above to an absolute ord e.g. station:|slot:/Drivers/Graphics/AHUs
and the linkTarget to ord
This is the text to show for the. Clear this value if you bound the widget to an ord like the step above.
If an ord binding is set and this value is populated, the hyperlinkText value will be shown.
This is the link you want the hyperlink widget to navigate to. Examples:
External Link: https://www.google.com/
Dashboard Template Link:
NOTE: if you want to use the Ord binding link see below.
Link Target is the location of the Window (e.g. new window/tab). Possible Values:
ord - if set to ord, the link will navigate you to the widget ord binding
top - URL replaces any framesets that may be loaded. This is the default. Works best when linking to a dashboard link.
blank - URL is loaded into a new window.
parent - URL is loaded into the parent frame
self - URL replaces the current page NOTE: this one is not used, but can be set if needed.
Ord Link Example: