7.0

Table Of Contents

<span class="warningItem">Password is a required field!</span>

</span>

</div>

The warningLabel <span> is used as spacer to make sure that the warning icon and message align with the

field of the accompanying form line. The warningIcon <span> holds the actual warning message which is

stored in a separate <span> tag. The warning icon is set using CSS. The following snippet shows background-

image attributes for the warning icon.

.warningIcon {

display: inline-block;

width: 73%;

background-image: url(../../images/icon_alert.gif);

background-repeat: no-repeat;

background-position: 0px 3px;

display: inline-block;

vertical-align: top;

}

In this case the icon is coming from the image folder stored in the PSM Web web site root. You can use you

own icon by placing an image within the skins folder (or an images folder in your skin folder) and changing the

path to that image file.

A required field warning

Styling - Edit forms