::: {.index} pair: Create a Custom UX Action Button; Labs :::
2010 Create a Custom UX Action Button¶
Overview¶
- Id: 2010
- Time: 5 Minutes
- Enabled: Yes
- Difficulty: intermediate
- Tags: self-service, triggers
* Concepts: triggers, alerts, ux .. youtube:: u22KS_QU4jI :privacy_mode: Video Link
Objective¶
Learn how to extend the UX by adding a programmable button based on a trigger
In this lab, the user will create a custom UX button that will generate a trigger.
Business ROI: Improve self-service and consistency by making common operations more accessible to all operators.
Prerequisites¶
Required Labs:
- 1050
Summary¶
Create Trigger¶
Navigate to the Triggers page and click the
Create
buttonSet
Name
tolab2010
Set
Trigger Provider
toevent-trigger
Set
Blueprint
toutility-endpoint-systems-check
Set
Filter
toLocal Self Runner
Add a Parameter
event-trigger/event-match
with a value ofux.button.lab2010
Click
Save
.Refresh your UX page (Ctrl-F5 or Ctrl-R)
The UX feature that adds new Trigger Action Buttons requires a page refresh.
Test the New Button¶
- Navigate to the Work Orders view
Click the
lab2010
button on the top right of the top nav.This may be under a "Trigger Buttons" dropdown next the labs button.
Observe new Work Orders being created
Look for the newly created Work Order when you click the button in the table.
Add the Dev Library Content Pack¶
- Navigate to the Catalog
- Find the
`dev-library
\<https://portal.rackn.io/#/e/0.0.0.0/catalog/dev-library>`__ using the search bar- Install or Update
dev-library
if not loaded, by clicking the install button
Create Another Trigger¶
From the Triggers page, click the
Create
buttonSet
Name
tolab2010-dev
Set
Trigger Provider
toevent-trigger
Set
Blueprint
todev-raise-alerts
Set
Filter
toLocal Self Runner
Add a Parameter
event-trigger/event-match
with a value ofux.button.lab2010-dev
Click
Save
Refresh the Portal (Ctrl-F5 or Ctrl-R)
See Triggers that Generate Alerts¶
- Navigate to the Alerts table
- Click the Lab2010-dev button on the top right of the banner
- Observe new Alerts being created in the table
- Look for the newly created Alerts when the button is clicked