CMS Utility Classes

The following classes enable functionality within the CMS. Some are automatically added to elements and some are added manual to components via the component configuration dialog's CSS Class field. The descriptions for each describe whether they are automatic and what the functionality is. Each one is also linked to an example.

NOTE: Utility classes listed here work in all themes unless otherwise noted.

table-responsive - automatic in Moss theme - adds horiz scroll for tables on mobile devices

textAnchor - automatic in Moss theme - adds class to allow for in-page anchors to not be obscured by sticky top nav

vt-datatable - manual - add to Text or HTML component - initializes and runs table formatting for dataTables in Text components

vt-datatable-formatted - manual - add to Text or HTML component - initializes and runs table formatting for dataTables in HTML components where the table already has proper thead and tbody tags

vt-tablesorter - manual - add to Text or HTML component - initiates and runs table formatting for table sorter functions in Text components

vt-tablesorter-formatted - manual - add to Text or HTML component - initiates and runs table formatting for table sorter functions in HTML components where the table already has proper thead and tbody tags

vt-c-mta-select-# - manual - add to Multi Tabs / Accordion component - allows for the default opening of a tab or accordion fold on page load; "#" to be replaced by fold/tab number, e.g., vt-c-mta-select-3 to open the third tab or fold

vt-c-list-curated, vt-c-list-pruned - manual - add to List component - filters pruned list(s) by the items in curated list(s) to prevent duplicate list items being displayed on the same page.

vt-transparent-bg - manual - add to Image component - causes grey background on Image component to be turned transparent. Does not translate to lists.

vt-c-list-no-carets - manual - add to Text, Feed Reader, or List component - turns off list carets

vt-c-no-top-margin - * One theme only - add to any component - turns off the outer top margin of the component. Multicolumn components will also need to add this class to the top-most component in each column.

vt-c-no-bottom-margin - * One theme only - add to any component - turns off the outer bottom margin of the component. Multicolumn components will also need to add this class to the last component in each column.

vt-c-no-top-bottom-margin - * One theme only - add to any component - turns off the outer top and bottom margins of the component. Multicolumn components will also need to add the vt-c-no-bottom-margin class to the last component in each column.

vt-c-no-side-margins - * One theme only - add to any component - turns off the outer side margins of the component so it will stretch the width of the body column (not the same as Container component full width checkbox). Multicolumn components will also need to add this class to all components in each column, if desired.

vt-c-no-margins  - * One theme only - add to any component - turns off all outer margins of the component. Multicolumn components will also need to add this class to all components in each column, if desired.

vt-page-no-top-margin - * One theme only - add to Page body class field of Page Properties to remove the top margin and padding from the body and right column of a page.

vt-page-no-top-bottom-margin - * One theme only - add to Page body class field of Page Properties to remove the top and bottom margins and padding from the body and right column of a page.

vt-page-no-margins - * One theme only - add to Page body class field of Page Properties to remove all margins and padding from the body and right column of a page.