[MGNLUI-5960] Full-text search M6 choosers Created: 11/Jun/20  Updated: 21/Jan/21  Resolved: 14/Dec/20

Status: Closed
Project: Magnolia UI
Component/s: dialogs
Affects Version/s: 6.2.1
Fix Version/s: 6.2.6

Type: Improvement Priority: Neutral
Reporter: Tomáš Gregovský Assignee: Dai Ha
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 2d 1h 56m
Original Estimate: Not Specified

Attachments: PNG File Screenshot 2020-06-11 at 11.03.14.png     PNG File chooser search extensionView 1.png     PNG File chooser search extensionView 2.png     PNG File chooser search extensionView 3.png    
Issue Links:
Problem/Incident
causes MGNLUI-6461 DOC: In-app full text search possible... Closed
causality
is causing MGNLUI-6463 Update visual of Full-text Search in ... Closed
dependency
depends upon MGNLUI-6362 Investigate the use of grid filters i... Closed
is depended upon by MGNLDAM-913 Take full text search term from DataF... Closed
is depended upon by MGNLUI-6321 Align UX of search in legacy choosers... Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: Full-Text Search (FTS) within Apps
Sprint: CM & OC 16, CM & OC 17
Story Points: 5

 Description   
  • link fields to content apps (e.g. categories, but also every custom content app) do not have search fields
  • we have apps which has thousands of entries and without search functionality its almost impossible for editors to select items.

 

UX proposal

Full text search in choosers do not conflict with FindBar as the background is greyed out and blocked.

1) Add Search icon to the extensionView panel / next to the view option icons. 

2) Upon click on the search icon

  • expand search input field to the left
  • icon is active (grey background)
  • activate cursor in the input field to start typing 
  • (make sure spacings btw separator line / icon / input text are nice, around 5-8px spacing)

3) If there is a search term, show delete 'x' icon to delete the term easily

 4) To collapse search, click on icon

 


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