# Templates of the Timeline Area

<table class="webixdoc_links">
  <tbody>
  <tr>
  <td class="webixdoc_links0">[leftside_text](api/template/leftside_text.md)</td>
  <td>specifies the text assigned to tasks bars on the left side</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[progress_text](api/template/progress_text.md)</td>
  <td>specifies the text in the completed part of the task bar</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[rightside_text](api/template/rightside_text.md)</td>
  <td>specifies the text assigned to tasks bars on the right side</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[scale_cell_class](api/template/scale_cell_class.md)</td>
  <td>specifies the CSS class that will be applied to the cells of the time scale</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[scale_row_class](api/template/scale_row_class.md)</td>
  <td>specifies the CSS class that will be applied to the whole time scale</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[timeline_cell_class](api/template/timeline_cell_class.md)</td>
  <td>specifies the CSS class that will be applied to the cells of the timeline area</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[timeline_cell_content](api/template/timeline_cell_content.md)</td>
  <td>specifies HTML content in the timeline cells</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[task_class](api/template/task_class.md)</td>
  <td>specifies the CSS class that will be applied to task bars</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[task_row_class](api/template/task_row_class.md)</td>
  <td>specifies the CSS class that will be applied to the row of the timeline area</td>
  </tr>
  <tr>
  <td class="webixdoc_links0">[task_text](api/template/task_text.md)</td>
  <td>specifies the text in the task bars and the header of the lightbox</td>
  </tr>
</tbody>
</table>


![templates_01](/img/templates_01.png)