Patch #26869

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

Added by Marius BALTEANU 5 months ago. Updated 3 months ago.

Status:ClosedStart date:
Priority:NormalDue date:
Assignee:Go MAEDA% Done:

0%

Category:Gantt
Target version:4.0.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

Associated revisions

Revision 17038
Added by Go MAEDA 3 months ago

Use number input field instead of text input for Gantt months field (#26869).

Patch by Marius BALTEANU.

History

#1 Updated by Go MAEDA 5 months 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 5 months ago

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

#3 Updated by Marius BALTEANU 5 months ago

  • File deleted (use_number_input_instead_of_text_input.patch)

#4 Updated by Go MAEDA 5 months 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.

#5 Updated by Go MAEDA 3 months ago

  • Category changed from UI to Gantt
  • Status changed from New to Closed
  • Assignee set to Go MAEDA
  • Target version changed from 4.1.0 to 4.0.0

Committed in the trunk. Thank you for improving Redmine.

Also available in: Atom PDF