Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0
Table of Contents

Overview

CSS Classes can be used to change the look of either a variable or an entire variable group. In order to create custom classes, knowledge of CSS is required, but anyone can take advantage of the predefined classes with a little help from the wiki.

Predefined CSS Classes

While custom CSS classes can be defined in the Global Code section of the Project Update page, there are a number of predefined classes defined in StudyTRAX.

Variable Groups

Variable groups have a layout property called CSS Class. This property can contain the name of a predefined or custom CSS class.

Center

Image Removed

StudyTrax24 CSS Class

This class is designed to make the variable groups look similar to the way they looked in versions prior to 3.0.

Center

Image Removed

AlternatingRowColors CSS Class

This class will give a subtle alternating row look to the rows in the variable group.

Image Removed
Center
Wiki Markup
{toc}


h1. Overview

CSS Classes can be used to change the look of either a variable or an entire variable group.  In order to create custom classes, knowledge of CSS is required, but anyone can take advantage of the predefined classes with a little help from the wiki.


h1. Predefined CSS Classes

While custom CSS classes can be defined in the Global Code section of the Project Update page, there are a number of predefined classes defined in StudyTRAX.

h3. Variable Groups

Variable groups have a layout property called CSS Class.  This property can contain the name of a predefined or custom CSS class.

{center} !Layout.JPG|width=400!{center}

h4. StudyTrax24 CSS Class

This class is designed to make the variable groups look similar to the way they looked in versions prior to 3.0.

{center} !StudyTrax24.JPG|width=400!{center}

h4. AlternatingRowColors CSS Class

This class will give a subtle alternating row look to the rows in the variable group.

{center} !AlternatingRowColors.JPG|width=400!{center}