[MGNLUI-6530] Improve LinkField with a select menu (as alternative to the chooser dialog) Created: 27/Jan/21  Updated: 22/Jun/21  Resolved: 12/Mar/21

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 6.2.7

Type: Improvement Priority: Neutral
Reporter: Anja von Gunten Assignee: Martin Haderka
Resolution: Fixed Votes: 0
Labels: VN-Testing, ux-improvement-selected
Remaining Estimate: Not Specified
Time Spent: 2d 6h 28m
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2021-01-27 at 08.37.07.png     PNG File Screenshot 2021-03-02 at 15.22.57.png     PNG File Screenshot 2021-03-12 at 11.54.49.png     PNG File Screenshot 2021-03-15 at 09.32.54.png    
Issue Links:
Issue split
split to MGNLUI-6614 CSS style enhancement on LinkField Closed
Problem/Incident
causes MGNLDAM-952 Remove trash icon from linkField preview Closed
Relates
relates to MGNLUI-6483 linkField: Setting path manually in d... Closed
causality
caused by MGNLUI-5798 Make link field extend select field a... Closed
caused by MGNLUI-6411 When displaying a link field, the com... Closed
is causing MGNLUI-6587 Runtime error thrown when populating ... Closed
is causing MGNLUI-6622 Non editable link field should not di... Closed
dependency
is depended upon by MGNLTEST-141 Add support for LinkField's ComboBox ... Selected
documentation
to be documented by MGNLUI-6619 DOC: Update LinkFieldDefinition prope... Closed
supersession
supersedes MGNLUI-6483 linkField: Setting path manually in d... Closed
supersedes MGNLUI-6574 Provide link field with no input vali... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[X]* Doc/release notes changes? Comment present?
[X]* Downstream builds green?
[X]* Solution information and context easily available?
[X]* Tests
[X]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
[X]* Anja to validate SNAPSHOT with customer
Release notes required:
Yes
Documentation update required:
Yes
Date of First Response:
Epic Link: Improve Content Linking
Sprint: UI FW 22, UI FW 23
Story Points: 8

 Description   

With 6.2.3. The linkField has changed to be a combo field instead of simple text field as before.

The advantage of having a select field is …

  • ability to have different datasources in linkfield out of the box (JCR, JSON or any other custom apps)
    • configurable item captions
    • filtering of items, not able to write a non-existing link/path
    • the field is backed by the same datasource as the chooser (no code duplication)

However having the select field causes some UX issues

  • If filtering=false, the field is a combo with one empty item. This is confusing for the user. To clear the entry rather add a clear icon in the field (like in the tokenField).
  • -The order of suggestions while typing is not logical. So in a long list it is still difficult to find an item. And there is no other way now.- MGNLUI-6483
  • Setting a path manually is not working (MGNLUI-6483)

 

AC

    • Add icon to clear entry
    • If showOptions=false do not show any dropdown
    • If showOptions=true make it clear it's a dropdown (arrow)
    • Put auto-suggestions in a logical order  (MGNLUI-6483)
    • Two modes: textInputAllowed true or false 


 Comments   
Comment by Roman Kovařík [ 17/Feb/21 ]

For documentation:

  • LinkFieldDefinition
    • buttonSelectOtherLabel deprecated (remove from docu).
    • filteringMode newly defaults to STARTWITH, showOptions and textInputAllowed has to be used to enabled filtering
    • new showOptions property has to be used instead of filteringMode to control dropdown presence (default = false). The warning about possible performance issue should be moved to this property.

For release notes:

  • LinkFieldDefinition in new framework
    • new showOptions property ((default = false) has to be used instead of filteringMode to control dropdown presence. In that case the inner comboBox dropdown button is visible so user is able to open the dropdown (hidden in pre 6.2.7).
Comment by Roman Kovařík [ 02/Mar/21 ]

Reopened:

  • missing x when options on
  • breaks when showOptions true when some external links were used — sounds like conversation might be necessary there
  • filteringMode can have defaults changed to "contains"
Comment by Anja von Gunten [ 02/Mar/21 ]

rkovarik 

Some minor inputs

  • If the field is empty, the x (to clear) doesn't need to show. Only show x if there is a value.
  • The grey hover circle behind x is huge, change to 27px.
Comment by Roman Kovařík [ 02/Mar/21 ]

Comment by Anja von Gunten [ 15/Mar/21 ]

rkovarik mhaderka I found 2 issues

When LinkField is in MultiField

  • The field and select button should be visible

When LinkField is for DAM assets

  • In the preview the trash icon should be removed (it's now duplicate and confusing with the delete X)

Comment by Sang Ngo Huu [ 15/Mar/21 ]

As discussed, we still close this ticket, adding more task for MGNLUI-6614, I will raise the priority to normal

Comment by Martin Haderka [ 15/Mar/21 ]

LinkField issues were split into the following tickets: 

Generated at Mon Feb 12 09:37:24 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.