Change the default style of the formsheet

By default, the formsheet has a standard visual style. To change its appearance and ensure it meets the required standards, you can modify it using a styling file. In this file, you define the custom styles, which you then reference in the configuration file.

Procedure

1. Define a new cssClass in the styling file.

Download the styling file.

Open the styling file and add a new cssClass where you can define the custom style.

Example By default, the DFMEA ID Number in the formsheet header is not highlighted.
Now, you want to highlight the DFMEA ID Number. To do this, add a new cssClass highlightIdNumber in the styling file.Copy<property titleKey="tc_DFMEA_ID_Number" name="CONCAT(qfm0Id,/,qc0BasedOnId)" isModifiable="false" cssClass="highlightIdNumber"/>

Similarly, you can apply various style changes to the formsheet.

Save the changes.

Replace the existing styling file with the updated version.

From the Styling File section, select the file. From the primary toolbar, click Replace File . In the Replace panel, click Select File and browse to select the replacement file.

2. Add the newly defined CSS class in the configuration file.

Download the configuration file.

Open the configuration file and specify the cssClass name of the target element using the cssClass attribute.

Example Add the highlightIdNumber CSS class as an attribute of thetc_DFMEA_ID_Number property element. Copy`

 *<!-- HERE'S THE EXAMPLE: Adding a new cssClass to highlight this property -->*

  <property titleKey="tc_DFMEA_ID_Number" name="CONCAT(qfm0Id,/,qc0BasedOnId)" isModifiable="false" `cssClass="highlightIdNumber"`/>
</row>
<row>
  <property titleKey="tc_Engineering_Location" name="qfm0Location"/>
  <property titleKey="tc_DFMEA_Start_Date" name="qfm0OriginDate" isModifiable="false"/>
  <property titleKey="tc_DFMEA_Responsibility" name="REF(owning_user,User).user_name"/>
</row>
<row>
  <property titleKey="tc_Customer_Name" name="qfm0Customer"/>
  <property titleKey="tc_DFMEA_Revision_Date" name="creation_date" isModifiable="false"/>
  <property titleKey="tc_Confidentiality_level" name="qfm0ConfidentialityLevel"/>
</row>
<row>
  <property titleKey="tc_ModelYear_Platform" name="CONCAT(qfm0ModelYear,/,qfm0Platform)"/>
  <property titleKey="tc_Cross_Functional_Team" name="GRM(HasParticipant,GroupMember).REF(user,User).user_name"/>
</row>