Table of Contents

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

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 Collaboration Center to ask questions, engage in discussions, share ideas, and help others.