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. On the CSS screen, do one of these:
    • Create custom CSS file.
    • Open custom CSS file.

Fields

Field Name Definition

Edit CSS Edit CSS icon
Function:
Changes the CSS code in the Page Builder.
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
Function:
Deletes a custom CSS file from library in the Page Builder.
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 (...).

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.