Customizing Table Borders

You can customize the default table and cell borders in Document! X and HelpStudio using custom styles defined in a custom stylesheet either in your project or custom template.

The following styles will be automatically applied to every table in your content. You can change the border style (color, thickness, etc) by editing the border: solid 1px black; style attribute.

If you are using the default (2012) template:

#BodyContent table {
    border-collapse: collapse;
    border: none;
}
#BodyContent table td {
    border: solid 1px black;
}

If you are using the older 2008 template:

div#mainbody table {
    border-collapse: collapse;
    border: none;
}
div#mainbody table td {
     border: solid 1px black;
}

You can add a new style to your project by:

  • Add a new stylesheet to your project by clicking the New Stylesheet ribbon button on the Project ribbon tab, or open an existing custom stylesheet by double-clicking on it in the Project Explorer (under the Other Files folder).
  • In the stylesheet editor click the Add a new Style Rule toolbar button or manually enter the CSS in the editor with the Source view selected
  • The custom style can then be edited in the visual designer by selecting it in the tree then switch to the Visual view, or manually edited in the Source view

or to a custom template by:

  • Opening an existing custom template for editing, or create a new custom template (more information on creating custom templates can be found in the online help under Customization).
  • In the Template editor select the Other Files page menu item
  • Right-click on the stylesheets folder and select the New Stylesheet context menu option
  • In the stylesheet editor click the Add a new Style Rule toolbar button or manually enter the CSS in the editor with the Source view selected
  • The custom style can then be edited in the visual designer by selecting it in the tree then switch to the Visual view, or manually edited in the Source view

 

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.