Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

This content has been archived and is no longer being updated.

Links may not function; however, this content may be relevant to outdated versions of the product.

How to customize the styles of URL link text on work object forms

Updated on May 3, 2020

Summary

 

By default, the link text for URLs on the work form displays with a blue font. When a user hovers over the the link text, it then becomes underlined.

You can customize how it displays on your work object form, such as using an underline to indicate that the text links to a URL, by editing the work form css of your application.

 

Suggested Approach

This example shows you how to customize the link text of URL controls to display as underlined:

  1. Create a new skin. To create a skin, see How to use the Application Skin wizard.
  2. Open the work form css of the newly created skin by going to the Rules by Type explorer and selecting Technical > Text File then select the work form css of the skin you just created.
  3. Next, edit the CSS to customize how link text displays on the work form. For example, to customize link text so that the links always display as underlined, add the following CSS to it:

/************************************************************/
/* Anchors & Link Styles
/************************************************************/

A { text-decoration: underline; font-size: small;
}

A.action:hover { text-decoration: underline;
}

  1. Save the Text File rule form.

Have a question? Get answers now.

Visit the Support Center to ask questions, engage in discussions, share ideas, and help others.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us