Using information regions with other panel elements

You can use information regions to complement the other elements of an application panel in many different ways. For example, you can use an information region to provide additional information for fields on an application panel.

Here is a markup example where the information region uses a paragraph and a compact ordered list to tell the user how to interact with the panel fields. Figure 1 shows the formatted result.

<!doctype dm system>

<VARCLASS NAME=selcls TYPE='char 1'>

<VARLIST>
  <VARDCL NAME=day VARCLASS=selcls>
  <VARDCL NAME=time VARCLASS=selcls>
</VARLIST>

<panel name=appmnt>Make an Appointment
  <area>
    <info width=74>
      <p>To schedule an appointment, you must choose one
      selection from each field.
      <ol compact>
        <li>Choose a day from the first field.
        <li>Choose a time slot from the second field.
        <li>After you have completed both fields, press
        Enter to log your appointment and leave the panel.
      </ol>
    </info>
    <divider type=solid gutter=3>
    <region dir=horiz>
      <region>
      <selfld name=day selwidth=20 pmtwidth=9>Weekdays:
        <choice>Monday
        <choice>Tuesday
        <choice>Wednesday
        <choice>Thursday
        <choice>Friday
      </selfld>
      </region>
      <divider gutter=8>
      <region>
        <selfld name=time selwidth=20 pmtwidth=5>Time:
          <choice>9:00
          <choice>10:00
          <choice>11:00
          <choice>12:00
          <choice>1:00
          <choice>2:00
          <choice>3:00
          <choice>4:00
        </selfld>
       </region>
    </region>
  </area>
</panel>

Figure 1. Information region

                            Make an Appointment

 To schedule an appointment, you must choose one selection from each field.

 1.  Choose a day from the first field.
 2.  Choose a time slot from the second field.
 3.  After you have completed both fields, press Enter to log your
     appointment and leave the panel.

  -------------------------------------------------------------------------

 Weekdays:                    Time:
 __  1.  Monday               __  1.  9:00
     2.  Tuesday                  2.  10:00
     3.  Wednesday                3.  11:00
     4.  Thursday                 4.  12:00
     5.  Friday                   5.  1:00
                                  6.  2:00
                                  7.  3:00
                                  8.  4:00