Patch #26869

Use number input field instead of text input for Gantt months field

Added by Marius BALTEANU 15 days ago. Updated 12 days ago.

Status:NewStart date:
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:4.1.0

Description

A small UX improvement is to use a number input instead of the classic input for the Gantt months field.

Benefits:
- users can select the number of months using the mouse or/and mouse wheel
- it validates the field value client side
- on mobile devices, the numeric keyboard is shown

gantt_numeric_field.png (128 KB) Marius BALTEANU, 2017-09-10 16:54

month-width-firefox@2x.png (10.9 KB) Go MAEDA, 2017-09-12 13:04

month-width-chrome@2x.png (11.8 KB) Go MAEDA, 2017-09-12 13:04

use_number_input_instead_of_text_input.patch Magnifier (988 Bytes) Marius BALTEANU, 2017-09-13 22:55

History

#1 Updated by Go MAEDA 13 days ago

Thank you for the interesting patch. But I found that the input#months field is too wide in Firefox. Could you add some CSS to adjust the width to your patch?

Firefox: input#months is too wide

Chrome: no problem.

#2 Updated by Marius BALTEANU 12 days ago

Thanks for finding the issue. Attached is the updated patch with the fix.

#3 Updated by Marius BALTEANU 12 days ago

  • File deleted (use_number_input_instead_of_text_input.patch)

#4 Updated by Go MAEDA 12 days ago

  • Target version changed from Candidate for next major release to 4.1.0

The width of input#months field looks fine now. Thank you for adjusting it.
Setting target version to 4.1.0.

Also available in: Atom PDF