Skip to main content

Vertical Text in Columns and Fields

Overview

Enhance your application's visual presentation with the Vertical Text in Columns and Fields plugin. This plugin allows you to display text vertically within table columns and fields, creating a visually distinct and unique layout. The plugin utilizes the TB.render function to render the table component and jQuery for DOM manipulation. It applies CSS styles to the corresponding table headers and table cells to achieve the vertical text effect.

Use Cases

  • This plugin is ideal for applications where a unique visual presentation of table data is desired, such as dashboards, reports, or any scenario where vertical text enhances readability or aesthetics.

Installing the plugin

Prerequisites:

  1. The page must have a table component
  2. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

  1. Navigate to the page with this table, this can be a parent or child page. 
  2. Click on the Plugins
  3. Find the Vertical Text in Columns and Fields plugin
  4. Select the table

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well. 

Back to top