<info>

New To Version 2.0: This is a child tag - available for most controls. It is used primarily for providing the user with additional or help information related to a particular control. When it encounters this child tag, XMod will create a link and content area for your information. Into that content area, XMod will place the text you place between the <info> </info> tags.

 

If the client's machine has Javascript enabled, they can click the link to show/hide your information. If you anticipate your users will not have Javascript, you can still use the <info> tag as a static information area. Just remove the "caption" attribute and make sure you specify "visible" for the "visibility" attribute.

 

ATTRIBUTES <info>:

caption

This is the text that will appear in the link the user clicks to show/hide the information. Typically, the value may be something like "Help" or "More Info..."  To prevent the link from being rendered, do not specify the caption attribute.

class

Name of the CSS Class used to style the section (a <div> tag) containing the information. (Optional) [String value]

linkclass

Name of the CSS Class used to style the link used to show/hide the information panel.  (Optional) [String value]

visibility

Determines the initial state of the information panel. Valid values are:

  • visible: information panel is shown initially

  • hidden: information panel is not shown initially

EXAMPLE

Example of Dynamic Display (requires Javascript on client)

<input ref="txtQuantity" class="NormalTextBox" required="true" width="50px">

  <label>Quantity: </label>

  <default>1</default>

  <validate type="numeric" message="You must enter a number for Quantity" class="NormalRed"/>

  <info caption="More Info..." visibility="hidden" class="NormalBold" linkclass="Normal">Enter the number of items you wish to purchase</info>

</input>

 

Example of Static Display (no Javascript required)

<input ref="txtPassword" class="NormalTextBox" required="true" width="50px" password="true">

  <label>Quantity: </label>

  <info visibility="visible" class="Normal">Enter the password you received in the email we sent you</info>

</input>