Skip to main content
All CollectionsChart LibraryChart Styles
Inline Labels: Field Selector Chart Improvements
Inline Labels: Field Selector Chart Improvements

Style controls

Gary Ditsch avatar
Written by Gary Ditsch
Updated over 4 months ago

This was updated in the Northern Dancer 1.8.0 release of VividCharts

Why did the chart type needed to be updated?

A common need for customer using the Field Selector chart is for a label to be in-line of the field's value. Below is what that experience allowed. This often requires builders to turn the labels off, then use a text element for the label.

This effort took extra time and was challenging to get pixel perfect.

Does this impact my previously build Field Selector charts?

These changes will not change any charts you may have created with this chart type. The inline style option is set off by default, which will have the same result of any previous chart styles you set.

What the previous options looked like.

The updates made to the chart types style settings.

In the style menu, there are now two additional options under the label settings.

Inline label - this is a toggle that turns all of the content within each cell of the chart from block to inline styles.

Inline spacing - this provides 5 different settings that enable the builder to choose the spacing between the elements, when the inline label toggle is on.

Once the inline toggle is on, the label 'alignment' settings will become inactive. However you can still control the alignment of the content by going into the 'value formatting' settings and using the alignment options. This will provide left, center and right aligned options for all of the content within the cell.

The result of using the new style options

The following example is a simple demonstration of the new features. This Field Selector chart is a single chart with 1 column and 3 rows. It has the inline labels turned on, with inline spacing set to 'M' and value alignment set to 'left aligned'.

Did this answer your question?