Style Sheet screen

Lets app designers configure custom CSS for an app.

Background and Setup

Examples

  • (Example) Use Custom CSS in an eForm
  • (Example) Use Custom CSS in a Form Control
  • 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.

How to Start

  1. Click App Builder.

    Click App Builder
  2. On the App Builder Home screen, click All Apps.

    Click All Apps
  3. On the All Apps screen, on an app, click Edit Edit icon.

    Click Edit
  4. On the App Details screen, click Add New Add New icon > Style Sheet.

    Click StyleSheet

Style Sheet screen

Creates a CSS file.

Figure: Style Sheet screen

Style Sheet screen

Fields

Field NameDefinition

File Name
Description:
Specifies the name that shows for the CSS file.
Allowed Values:
One line of text (a string).

Accepted:

  • Letters
  • Numbers
  • Spaces
Default Value:
None

Description
Description:
Specifies an optional text description for the CSS file.
Allowed Values:
More than one line of text.
Default Value:
None

Style Sheet screen

Configures a custom CSS code snippet to use in an app.

Figure: Style Sheet screen

Style Sheet screen

Fields

Field NameDefinition

CSS Snippet
Description:
Specifies CSS code that changes the look and feel for an app.
Allowed Values:
The CSS code.
Default Value:
None
Example:
.center {
  text-align: center;
  color: red;
}