[KULRICE-12839] Color picker HTML5 default to type="color" Created: 17/Jun/14  Updated: 16/Jan/15

Status: Open
Project: Kuali Rice Development
Component/s: Development, User Experience (UX)
Affects Version/s: None
Fix Version/s: 2.6
Security Level: Public (Public: Anyone can view)

Type: Improvement Priority: Minor
Reporter: Chris Rodriguez (Inactive) Assignee: Unassigned
Resolution: Unresolved Votes: 0
Labels: Old
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Similar issues:
KULRICE-12859Action List: Create color picker widget
KULRICE-12616Date Picker icon still has color even when disabled
KULRICE-10883Date picker (and other widgets) still work when a field is disabled
KULRICE-7310Can't change only month or year with picker (jquery limitation)
KULRICE-6373Update KRAD doctype to HTML5
KULRICE-7211Default datePicker widget disabled property to disabled property on control
KULRICE-6834Bugs with date picker
KULRICE-5888Date picker not accessible by keyboard
KULRICE-13117Disable Date Picker Control when the field is disabled
KULRICE-6886Add selection color to Agenda View Editor for Rules, like Rule Maintenance has for Propositions
Epic Link: Technical Issues
Rice Team: Framework
Rice Module:
KRAD Feature Area:
UIF Component
Application Requirement:
KC, KS, Rice, UXI
KAI Review Status: Not Required
KTI Review Status: Not Required
Code Review Status: Not Required
Include in Release Notes?:


We've got a script that converts designated inputs into colorwheels for easy color picking. However, it requires an input type="text". HTML5 offers a built-in color picker by using input type="color", and while HTML5 isn't available across the board, it could be a good, native fallback option in edge cases where JS is broken.

I recommend updating krad.widgets.js to look for type="color" rather than type="text" so this fallback can be utilized. The final outcome, with JS, will be the same. Better yet, don't depend on the input type at all and use a data attribute or a class name.

Generated at Sat Jul 04 12:28:09 CDT 2020 using JIRA 6.1.5#6160-sha1:a61a0fc278117a0da0ec9b89167b8f29b6afdab2.