Sign in
x
☰

Blank titles in compact groups

Updated at 2022-11-14 16:42:42 UTC

You might encounter elements where the title appears blank when the group is compact.

Survey question "AGE. What is your age?" displaying three blue bars with percentages: unlabeled first option (20%), "30 - 50" (50%), and "50+" (30%). Shows "Compact to: Mean" and "N: 2511" at bottom, with the first age range missing a visible title.

Typically, this element has a less than sign in the title, which is causing the title to appear blank.

"More properties: age1" dialog box with blue header and help icon, displaying four fields: key ("age1"), displayKey ("text"), headline ("text"), and title field with blue border containing "< 30" showing the HTML entity encoding for the less-than symbol.

The greater than and less than signs are special characters in HTML. If we write them as > for greater than and < for less than then it will not affect the titles in compact groups. 

"More properties: age1" dialog displaying the same four fields as before, but now the title field shows "&lt; 30" with the HTML entity code visible as plain text instead of being rendered as the less-than symbol.

Result:

Survey question "AGE. What is your age?" now showing all three age categories with visible labels: "< 30" (20%), "30 - 50" (50%), and "50+" (30%), with blue bars and magenta arrows. "Compact to: Mean" and "N: 2511" displayed at bottom, demonstrating the corrected display with all titles visible.