Format/Clear Format

The text styles we apply using the ‘Grid Theme’ tab will reflect the entire grid i.e all rows and all columns. Whereas the text styles and background color we apply for any column using the ‘Format’ tab will affect only that particular column. As shown in the below screenshot we can access ‘format’ or ‘clear format’ options from the hamburger button of any column.

We can open column formatting menu in two ways.

1. Using column header hamburger button.

Hover the cursor on the header of any column, at the right side corner you will find hamburger button.

Click on this button to open the column menu.

Click on the “Format” tab. When we click on “Format” tab, Vitara charts properies window will be opened showing “Format Column” properties.

2. Using Edit button.

Hover the cursor on the grid chart to display “Edit” button. Click on the “Edit” button to open vitara properties window. Open the “Format Column” menu.

Hover the cursor on the grid chart to display “Edit” button. Click on the “Edit” button to open vitara properties window. Open the “Format Column” menu.

From 5.2 version User can now an ability to access the custom editor from the hamburger menu by clicking the format button.For more details please refer to the Custom Editor

Note: The properties applied using the ‘Format’ tab for a particular column, will overwrite the properties applied using the “grid Theme’ tab for that column. The ‘Clear Formatting’ tab will delete all the formatting applied on that particular column.

Example:

In the below screenshot vitara grid chart is displaying the data for current year Profit, last year’s Profit, current year Units sold and last year’s Units sold.

To differentiate the current year and previous year columns, i want to apply Blue Color for the current year metrics and Red Color for the previous year metrics.

Open the “Format Column” menu using one of the two ways discribed above. In the ‘Select Column’ drop down box select the column for which you want to apply specific formattings.

In the “Format For” drop down box select the part of the column (header or body) to which you want to apply formatting.

Apply the text formattings and finally click on ‘Apply’ tab.

Below is the screenshot of the grid chart in which current year metrics are given blue color and last year metrics are given red color.

The user can now apply formatting to horizontal bars and pins as of Version 5.1.2. An illustration of a feature is shown below.

To remove applied formatting, user can access the 'Clear Formatting' option from the hamburger menu.

Column Wrap

Starting from version 5.3.6, the grid now supports text wrapping for both the header and body (cell) of its columns. This enhancement improves readability and layout flexibility—especially useful for displaying long text values or labels without truncation.

How to Enable Text Wrapping?

Users can enable text wrapping using the Wrap text option available in the Format tab. This option can be applied independently to the header and cell body of each column.

See the screenshot below for reference.

After enabling wrapping, resize the columns by dragging the left or right edge of the column header to adjust the width. This wraps the text based on your preferred column size, improving readability and preventing content from being truncated.

Refer to the GIF below for a visual example