Edit Style Sheet screen

Changes CSS code to change the look and feel for an app.

Figure: Edit Style Sheet screen

Edit Style Sheet screen

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, hover over the CSS file, and click Edit Edit icon.

    Click Edit Style Sheet

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;
}