[MGNLUI-4415] Resurface: field descriptions Created: 12/Apr/18  Updated: 15/Feb/19  Resolved: 06/Aug/18

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

Type: Story Priority: Neutral
Reporter: Anja von Gunten Assignee: Evzen Fochr
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Relates
relates to MGNLUI-4755 Resurface: Show field descriptions in... Closed
causality
is causing MGNLUI-5022 Defining a field as hidden does not h... 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: Resurface theme
Sprint: Kromeriz 157, Kromeriz 158
Story Points: 8

 Description   

Find guide lines for field descriptions on zeplin.io

General

https://zpl.io/29Dkj9d

Browser width > 1312px

https://zpl.io/2y7jW5q

Browser width < 1312px

https://zpl.io/VOWRArX

Behavior of bubble height

https://zpl.io/V4JkzXy

 

Changes to the current field descriptions

  • we are removing the global help button that displays all descriptions at once
  • new: descriptions are only displayed one at a time
  • descriptions are toggled visible/invisible by clicking the button (on=black / off=white)
  • if you click a second description the previous will turn invisible
  • the description bubble has a fixed width of 280px
  • if the browser width is smaller than 1312px the bubble jumps to the left side and overlaps the dialog input fields

 

Something like this could be used

https://demo.vaadin.com/sampler/#ui/structure/popup-view

https://demo.vaadin.com/sampler/#ui/basic-features/tooltip

 



 Comments   
Comment by Mikaël Geljić [ 19/Jul/18 ]

may be as a Vaadin Extension on Fields and/or FormLayout

or see also https://vaadin.com/directory/component/contexthelp

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