[MGNLUI-6718] Fix UI of Slider Field Created: 25/May/21  Updated: 16/Dec/21  Resolved: 19/Nov/21

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

Type: Bug Priority: Neutral
Reporter: Simon Lutz Assignee: Quach Hao Thien
Resolution: Fixed Votes: 0
Labels: VN-Maintenance, VN-Testing, ui-bug-selected
Remaining Estimate: Not Specified
Time Spent: 5.25d
Original Estimate: Not Specified

Attachments: PNG File image-2021-05-25-11-27-35-844.png     PNG File screenshot-1.png    
Issue Links:
Relates
causality
is causing MGNLUI-6959 Value in Text field on slider field i... Open
documentation
to be documented by MGNLUI-6964 DOC: Update slider field 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)
Bug DoR:
[X]* Steps to reproduce, expected, and actual results filled
[X]* Affected version filled
Release notes required:
Yes
Documentation update required:
Yes
Date of First Response:
Epic Link: Improve Slider Field
Sprint: UI Maintenance 1
Story Points: 5

 Description   

Current issues:

  • The value field is positioned way too high
  • The label shows up redundantly above the slider ("Skalierung" to the right of 100 %)
  • The vertical margin between slider and slider marks is too small, does not look good

Improvements:

  • slider width: 600px
  • font for the scales (below slider): Roboto, regular, 12px, color #B7B7B7

Dev notes:



 Comments   
Comment by Quach Hao Thien [ 19/Nov/21 ]

For RN:

  • Revamp UI of Slider Field
  • Fixed unexpected breaking layout behavior on knob moving
  • Slider feedback (tooltip) display on slider value changing
  • Introduced 2 new properties: title and displayStepSize
  • Deprecated gridStepSize property, use displayStepSize instead

For Docu:

Introduced 2 new property:

  • title: Display above the slider, convenience for user in adding direction
  • displayStepSize: rename from gridStepSize 

And deprecated gridStepSize property

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