Contribute Documentation

Changing the default layout

The TasksLayout.xml file defines the layout and spacing of elements in the How Do I panel. You can alter the layout of the How Do I panel by changing settings within the TasksLayout.xml file.

For example, the following category_separator tag defines the height of spacing between categories as 15:

<category_separator>
  <![CDATA[
  <table border="0" cellpadding="0" cellspacing="0" width="100%"
  height="15"><tr><td></td></tr></table>]]>
</category_separator>

The following figure shows the default layout of categories in the How Do I panel.

Tip: Save a copy of the TasksLayout.xml file before making any changes to it so that you can restore the original settings, if necessary.

Changing the value of the height setting to 30 doubles the space between category sections. The following figure shows the effect of this new setting in the How Do I panel.

Similarly, you can change the space surrounding the text by changing the value for cellspacing that is contained in the tasks_layout tag, which is shown in the following example.

<tasks_layout>
  <main>
    <![CDATA[
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td>{category_sections+category_separators}</td>
      </tr>
    </table>
    ]]>
  </main>

Changing the value of cellspacing from 0 to 30 produces wide margins in Topics, as shown in the following figure:

Page 13 of 18