Custom CSS screen

Lets you create custom CSS in Page Builder.

Figure: Custom CSS screen

Custom CSS screen

Video: Advanced Page Builder Features

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.

    Build Pages
  2. On the Home screen, in the left pane, click Library.

    Click Library
  3. In the left pane, click CSS.

    Click CSS
  4. On the CSS screen, click your CSS file.

    Click CSS File

Fields

Field NameDefinition

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

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

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

Export
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.
  2. In the right pane, click Ellipses (...).

Delete CSS File
Opens this Screen:
Type CONFIRM To... 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.