Skip to content

Conversation

@smg6511
Copy link
Collaborator

@smg6511 smg6511 commented Oct 29, 2025

What does it do?

Updated css and added new input properties to the two TV types to give users better control over their display, particularly for multi-column rendering. The new properties added are:

  • Column Direction
  • Column Width
  • Wrap Column Text

Why is it needed?

When these TV types are set to more than one column, their options can overlap visually when their text is longer than just a couple/few words. Extjs 3 has a known issue with how it calculates the column widths and, because it inlines those widths on render, it can be difficult to control the problem outside of the core. Fixing that in Ext via overrides is more trouble than it's worth, so I elected to unset the hard-coded widths and provide some general controls to improve the layout of these TVs.

How to test

  1. Create a couple multi-column TVs (a radio and a checkbox) and play with the new properties, giving each TV varying lengths of text in their options.
  2. Verify that there's no overlap between columns.

Related issue(s)/PR(s)

I believe I saw something in the Community thread on Slack that alerted me to the problem; there doesn't seem to be an Issue posted on GitHub though.

Expands on settings, logic, and styles to prevent display issues with multi-column checkbox and radio TVs
Fix formatting (move commas)
@smg6511 smg6511 added pr/review-needed Pull request requires review and testing. requires build Grunt build is required for integration labels Oct 29, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

pr/review-needed Pull request requires review and testing. requires build Grunt build is required for integration

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant