Custom CSS tab

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

Figure: Custom CSS tab

Custom Css tab

Background and Setup

Examples

Prerequisites

How to Start

  1. Click Settings.

    Settings
  2. Click Work Center.

    Work Center Settings
  3. On the General screen, click the Custom Action tab.

    Click Custom Actions Settings Tab
  4. On the Custom Action screen, in the left pane, expand the Shared Resources tab.

    Expand Shared Resources
  5. On the Shared Resources tab, click CSS > Select a CSS file.

    Click CSS

Fields

Field NameDefinition

CSS editor

Description:
Specifies the CSS code snippet to use for a custom action.
Allowed Values:
A CSS code snippet.
Default Value:
None
Example:
.center {
  text-align: center;
  color: red;
}

Save Save icon

Function:
Saves the changes to the CSS file.

Cut Cut icon

Function:
Cuts the selected code from the file.

Copy Copy icon

Function:
Copies the selected code.

Paste Paste icon

Function:
Inserts the copied data at the specified location.

You can paste from files or other sources outside of AgilePoint NX.

Undo Undo icon

Function:
Removes the last text entered in the file.

Redo Redo icon

Function:
Cancels the last undo action.

Export Export icon

Function:
Downloads the custom CSS file embedded in a JSON file to your local machine.

The JSON format is required for users to import into Agilepoint NX.