How can I add CSS formatting to Service Catalog forms?
search cancel

How can I add CSS formatting to Service Catalog forms?

book

Article ID: 11461

calendar_today

Updated On:

Products

CA Service Catalog

Issue/Introduction

How can we use CSS formatting to apply our own formatting to the contents of Service Catalog form fields?

Environment

Service Catalog  17.x

All Supported Operating Systems

Resolution

There is a "CSS Class" parameter that can be set for Service Catalog form components.

This can be used to apply CSS formatting to the contents of form fields.

The CSS formatting comes from the file %USM_HOME%\view\webapps\usm\gwt\fdBase\css\formdesigner.css. You can edit this file and add your own CSS format definitions and apply them to fields.

i.e. Add a definition similar to the following at the end of the file: 

.cssTest { 
font-weight: bold; 
}

After doing this, you must clear the browser cache for this to take effect.

In the above example, if you edit a text field on a form and enter "cssTest" in the "CSS Class" attribute of the field, the contents of the text field will be displayed in bold.

Additional Information

The information in this article has been included in our product documentation. You can find further details here:

https://techdocs.broadcom.com/us/en/ca-enterprise-software/business-management/ca-service-management/17-3/using/service-catalog-management/manage-forms/apply-customized-formatting-to-ca-service-catalog-form-fields.html