Custom CSS screen

Lets you create custom CSS in Page Builder.

Figure: Custom CSS screen

Custom CSS screen

Example

  • (Example) Custom CSS in Page Builder.
  • Advanced Examples

    For more advanced or complex examples or specific information about how to solve a specific business problem or use case, AgilePoint recommends the following resources:

    • AgilePoint Community Forums - A free, AgilePoint-moderated, crowd-sourcing user forum where you can ask questions about specific techniques, the solutions to use cases, workarounds, or other topics that may not be covered in the Product Documentation.
    • Video Portal - Video walkthroughs for a range of simple and advanced tasks in AgilePoint NX.
    • Professional Services - If you can not find the information you need for your specific business problem, mentoring is available through AgilePoint Professional Services.
    • Personalized Training - AgilePoint can provide personalized training for your organization. To request personalized training, contact AgilePoint Sales.

Prerequisites

How to Start

  1. Click Page Builder.
  2. On the Page Builder Home screen, in the left pane, click Library Library icon.
  3. On the Library screen, click CSS > [CSS file name].

Fields

Field Name Definition

Edit CSS Edit CSS icon

Function:
Changes the CSS code.
To Open this Field:
  1. On the custom CSS file, click Save And Commit Save And Commit icon.

Save And Commit Save And Commit icon

Function:
Saves and checks in the custom CSS file.
To Open this Field:
  1. On the custom CSS file, click Edit CSS Edit CSS icon.

Save Save icon

Function:
Saves the CSS file.
To Open this Field:
  1. On the custom CSS file, click Edit CSS Edit CSS icon.

Export Export icon

Function:
Downloads a custom CSS file as a JSON file to your local machine.

You can only importa CSS file that is exported from Page Builder — for example, from a different AgilePoint NX tenant.

To Open this Field:
  1. On the custom CSS file, click Save And Commit Save And Commit icon.
  2. In the right pane, click Ellipses (...).

Delete CSS File Delete CSS File icon

Opens this Screen:
Delete CSS File screen
To Open this Field:
  1. On the Page Builder Settings screen, turn on the Allow to Delete Pages field.
  2. In the right pane, click Ellipses (...).
Function of this Screen:
Deletes a custom CSS file from the Custom CSS screen.

CSS Snippet

Function:
Adds code to your custom CSS file.
To Open this Field:
  1. On the custom CSS file, click Edit CSS Edit CSS icon.