DOCUMENTATION (v8.x)

Current Documentation (v9.0 or Higher) v6.x-v7.x Documentation

Custom CSS tab

Creates a custom CSS snippet to use for a custom action.

Custom Css tab — Figure: Custom CSS tab

Background and Setup

Examples

(External) Modern Work Center - Custom Actions Framework
Examples - Step-by-step use case examples, information about what types of examples are provided in the AgilePoint NX Product Documentation, and other resources where you can find more examples.

Prerequisites

A CSS file.
For more information, refer to Add CSS File screen.
Sign in with an AgilePoint NX account that has the Administrators role.
AgilePoint NX OnDemand (public cloud), or AgilePoint NX Private Cloud or AgilePoint NX OnPremises v8.0 Software Update 2 or higher.

How to Start

Click Settings.
Click Work Center.
On the Modern Work Center Settings screen, click the Custom Actions Settings tab.
On the Custom Actions screen, in the left pane, expand the Shared Resources tab.
On the Shared Resources tab, click CSS > Select a CSS file.

Fields

Field Name	Definition
CSS editor	Function: Specifies the CSS code snippet to use for a custom action. Accepted Values: A CSS code snippet. Default Value: None Example: `.center { text-align: center; color: red; }`
Save	Function: Saves the changes to the CSS file.
Cut	Function: Cuts the selected code from the file.
Copy	Function: Copies the selected code.
Paste	Function: Inserts the copied data at the specified location. You can paste from files or other sources outside of AgilePoint NX.
Undo	Function: Removes the last text entered in the file.
Redo	Function: Cancels the last undo action.
Export	Function: Downloads the custom CSS file embedded in a JSON file to your local machine. The JSON format is required for you to import into Agilepoint NX.