DEPRECATION WARNING

This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.

Integration in responsive websites¶

Before version 5.1, toctoc_comments produced CSS with a layouted design for the commenting forms.

This “layouted” design cannot be used properly in responsive website, because of fixed widths of inputs, labels, fixed positions of submit buttons and more.

Version 5.1 introduced option

theme.boxmodelLabelInputPreserve = 0

1st: When setting it to 1, the design of the layout of the form-elements becomes minimal

2nd: Class .tx-tc-reponsive is added to the plugin container.

This allows to pick up CSS-selectors from toctoc_comments and define them according in your CSS-Framework.

For CSS-framework Twitter Bootstrap we had to style and redefine the following elements: