CSS¶

The CSS business entity allows you to create and manage CSS files. You can create CSS files based on your requirements and associate them with the platform according to your business needs.

Creating New CSS¶

1. Navigate to App Studio > Applications - open application name > Process Flow - process flow name > Open.

2. Click CSS. The CSS list appears.
   
   

3. Click +Create New. The Info Actions panel appears as Create CSS.

4. Enter the Basic details in the Create CSS panel as explained below.

   Field	Description
   Name*	Enter the name of the CSS entity. Character limit: 50. Data type: Alphanumeric and underscore.
   Scope*	The scope of an entity is always local as the entities are created at the flow level.
   CSS File	Uploads the required CSS file (.CSS file). - Click inside the dotted box. The browser window opens. - Select the CSS file as per your requirement (or you can drag a .CSS file and drop it into the box). - Click Download to download the CSS file. - Click Remove to remove the mapping of the CSS file.
   Description	Enter a description for the CSS file.

5. Click Create. CSS entity with the provided details is created.

Viewing CSS List¶

The CSS entities associated with each flow will appear within that flow.

1. Navigate to App Studio > Applications - open application name > Process Flow- process flow name > Open.
2. Click CSS on the left side panel for viewing the CSS entities for the flow module.

Viewing and Editing CSS¶

Make sure to unlock the application before editing if you want to edit the details of an entity that is not created by you.

1. Navigate to App Studio > Applications - open application name > Process Flow - process flow name > Open.
2. Click CSS. The CSS entity list appears.

3. Click the CSS card for viewing the details of the selected CSS entity. The details of the CSS appear in the Info Actions panel (Edit CSS).
   

4. Edit the CSS details as needed.

   Deploy after CSS update

   If you upload a new CSS file, you need to deploy the process flow for updating the CSS file.

5. Click Save.

Viewing CSS Associations¶

1. Navigate to App Studio > Applications - open application name > Process Flow - process flow name > Open.
2. Click CSS. The CSS entity list appears.
3. Hover over any CSS entity card. Three dots appear on the upper right side of the card.

4. Click the three dots. More Actions appear.

   
   

5. Click Associations. The association of the CSS entity with the application, flow modules and activities are displayed in a pop-up.

   
   

   • Application – The application in which the CSS entity is utilized.
   • Flow - The flow in which CSS is utilized.
   • Activity/Entity - The entity or activity name in which CSS is utilized.
   • Type - The type of entity or activity.

Duplicating CSS¶

Make sure to unlock the application before duplicating an entity that is not created by you. When you duplicate a CSS entity, the associations are not duplicated.

1. Navigate to App Studio > Applications - open application name > Process Flow - process flow name > Open.
2. Click CSS.
3. Click a CSS entity. The CSS entity list appears.
4. Hover over any CSS entity card. Three dots appear on the upper right side of the card.

5. Click the three dots. More Actions appear.

   
   

6. Click Duplicate. A confirmation pop-up appears.

   
   

7. Click Ok for duplicating the CSS entity (or you can click Cancel to cancel the duplicate action). A Success message appears on the successful duplication of the CSS entity.

   
   

8. Click Ok. A duplicate copy of the CSS entity appears on the CSS page with the same name suffixed with “_copied”.

   
   

Deleting CSS¶

Make sure to unlock the application before deleting an entity that is not created by you. Also, you cannot delete the entity if it is associated with any activity.

1. Navigate to App Studio > Applications - open application name > Process Flow - process flow name > Open.
2. Click CSS. The CSS entity list appears.

3. Click the CSS name card that is to be deleted. The lower-right of the page displays Delete.
   
   

4. Click Delete. A Confirmation pop-up for delete appears.

   
   

5. Click Ok for deleting the CSS entity.
   Or
   Click Cancel to cancel the action.

Alternatively, you can follow the below steps to delete the CSS entity:
1. Click the Burger menu and navigate to App Studio > Application > {Process flow} > CSS.
2. Hover over the CSS card. Three dots appear on the upper right side of the card.
3. Click the three dots. More Actions appear.
4. Click Delete and follow step 6 in the above procedure.

Utilizing CSS Entitiy¶

Accessing CSS Files in Forms¶

You can map the entity, CSS to the Forms.

1. Navigate to App Studio > Applications - open application name > Process Flow - process flow name > Open.
2. Navigate to the entity, Forms.

3. Click Create Form (the form can be of type Custom JSP or HTML).

   
   
   4. Select the created CSS file through the CSS entity.