Project

General

Profile

Actions

Patch #26869

closed

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

Added by Marius BĂLTEANU over 6 years ago. Updated over 6 years ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
Gantt
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:

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


Files

gantt_numeric_field.png (128 KB) gantt_numeric_field.png Marius BĂLTEANU, 2017-09-10 16:54
month-width-firefox@2x.png (10.9 KB) month-width-firefox@2x.png Go MAEDA, 2017-09-12 13:04
month-width-chrome@2x.png (11.8 KB) month-width-chrome@2x.png Go MAEDA, 2017-09-12 13:04
use_number_input_instead_of_text_input.patch (988 Bytes) use_number_input_instead_of_text_input.patch Marius BĂLTEANU, 2017-09-13 22:55
Actions #1

Updated by Go MAEDA over 6 years 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.

Actions #2

Updated by Marius BĂLTEANU over 6 years ago

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

Actions #3

Updated by Marius BĂLTEANU over 6 years ago

  • File deleted (use_number_input_instead_of_text_input.patch)
Actions #4

Updated by Go MAEDA over 6 years 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.

Actions #5

Updated by Go MAEDA over 6 years 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.

Actions

Also available in: Atom PDF