Customize Multi-line Text Box Display Styles in Search Criteria

Return to Customize Search Criteria Styles

Modifying the default Styles for Multi-line Text Boxes

The .MultiTextAreaControls class is used for the box where search criteria for columns of type multiple lines of text is entered. The default setting for the MultiTextAreaControls is

.MultiTextAreaControls
{
min-height:50px;
min-width:350px;
}

The default display looks like the box to the right of the Description: label shown below. Priority is a choice type column and is shown for comparison. The Task Name column is also shown for comparison.

The table below shows an example of a common change possible to the Text Box. Other examples may also be possible.

Change Example

Change	Example
To make the control taller so users can more easily enter lots of text, change the min-height to something larger than 50px	Change to: `.MultiTextAreaControls { min-height:75px; min-width:350px; }` The result looks like this: NOTE: This control impacts just columns of type multiple lines of text. Notice that the height of the Priority and Task Name columns have not changed. Also, the multi-line text control will display vertical scroll if a lot of text is entered. You will not be able to set the min-height to something less than what is needed to display the scroll bar.

To make the control taller so users can more easily enter lots of text, change the min-height to something larger than 50px

Change to:

.MultiTextAreaControls
{
min-height:75px;
min-width:350px;
}

The result looks like this:

multiline after75.png

NOTE: This control impacts just columns of type multiple lines of text. Notice that the height of the Priority and Task Name columns have not changed.

Also, the multi-line text control will display vertical scroll if a lot of text is entered. You will not be able to set the min-height to something less than what is needed to display the scroll bar.