[IGN-6521]Unable to Search Through Vision Dropdown Component with Keystrokes

Ignition
,
17

Update: Version 3.00 Improvements:
• A searchable table mode was added that shows all columns to the right of the value column inside the dropdown menu
• The column widths automatically size to the text within the columns or proportionally adjust up to an adjustable max width property.
• Showing the table header is individually selectable, and both the header color as well as the header text colors are individually selectable.
• In cases where the value label columns are not unique, but other columns are, the dropdown now has the ability to differentiate selection based on the additional data columns regardless of whether or not it is in table mode.
• The predictive text feature now starts predicting on the very first character instead of the second.

Update: Version 3.01:
New Properties:

  • alignHorizontalLeft
  • alignHorizontalRight
  • downArrowAutoScale
  • fontBold
  • fontFixedSizeEnable
  • fontFixedSize
  • fontItalic

Bug Fixes:

  • Fixed an issue where the down arrow icon would turn into an ellipsis when the searchable dropdown was resized too small.
  • Resolved a bug that prevented selected fields from being written to immediately after the data property changed during initialization.
  • Added a missing break in the text prediction loop, so the predicted [auto complete] text is now the first item in the list instead of the last while typing

Updates:

  • Removed horizontal font scaling. Users can now create narrow instances of the dropdown without the text appearing too small. The auto font scaling will now solely depend on the dropdown's vertical size.

Detailed Property Descriptions:

Alignment Properties:

  • alignHorizontalLeft: When set to True and alignHorizontalRight is False, it aligns all text to the LEFT.
  • alignHorizontalRight: When set to True and alignHorizontalLeft is False, it aligns all text to the RIGHT.
  • alignHorizontalLeft & alignHorizontalRight: If both are set to True, text is aligned CENTER. If both are False, alignHorizontalLeft is set as the default at runtime.

Note: Alignment properties affect both the text field and the dropdown.

Font Properties:

  • fontBold and fontItalic: Enables BOLD and/or ITALIC font styles for the text in both the text field and the dropdown.
  • fontFixedSizeEnable: Disables font scaling and enforces the use of the fixed font size.

Button Icon Scaling:

  • downArrowAutoScale: When enabled, the down arrow icon size scales with the button at runtime. If set to False, the down arrow maintains a fixed size.
3 Likes