Details

    • Epic Link:
    • Rice Module:
      KRAD
    • KRAD Feature Area:
      UIF Component
    • Application Requirement:
      KS
    • Sprint:
      2.5.0-m1 Sprint 2, 2.5.0-m1 Sprint 3
    • KAI Review Status:
      Not Required
    • KTI Review Status:
      Not Required

      Description

      KNS functional equivalence item. Ability to display hierarchy or grouping within dropdown (select).

        Attachments

          Issue Links

            Activity

            masargen Matt Sargent created issue -
            masargen Matt Sargent made changes -
            Field Original Value New Value
            Link This issue relates to KRRM-141 [ KRRM-141 ]
            masargen Matt Sargent made changes -
            Reporter Matt Sargent [ masargen ] William Washington [ wwashington ]
            masargen Matt Sargent made changes -
            Documentation Review Status Pending Review [ 14643 ] Not Required [ 14642 ]
            jcoltrin Jessica Coltrin (Inactive) made changes -
            Fix Version/s 2.4 [ 16913 ]
            Fix Version/s 2.3 [ 16595 ]
            jcoltrin Jessica Coltrin (Inactive) made changes -
            Fix Version/s 2.4-backlog [ 16596 ]
            Fix Version/s 2.4 [ 16913 ]
            spatterson Shem Patterson (Inactive) made changes -
            Workflow custom [ 163208 ] Copy of custom for rice [ 207769 ]
            spatterson Shem Patterson (Inactive) made changes -
            Workflow Copy of custom for rice [ 207769 ] custom [ 217517 ]
            spatterson Shem Patterson (Inactive) made changes -
            Workflow custom [ 217517 ] Rice Workflow [ 227265 ]
            jcoltrin Jessica Coltrin (Inactive) made changes -
            Fix Version/s 2.4 [ 16913 ]
            Fix Version/s 2.4-backlog [ 16596 ]
            mnolan Megan Nolan (Inactive) made changes -
            Component/s User Experience (UX) [ 13465 ]
            jkneal Jerry Neal (Inactive) made changes -
            Epic Link KULRICE-11464 [ 129606 ]
            jkneal Jerry Neal (Inactive) made changes -
            Component/s KNS Equivalency [ 13684 ]
            jkneal Jerry Neal (Inactive) made changes -
            Fix Version/s Backlog [ 15811 ]
            Fix Version/s 2.4 [ 16913 ]
            jcoltrin Jessica Coltrin (Inactive) made changes -
            Summary Hierarchy for dropwdown menu Hierarchy for dropdown menu
            jkneal Jerry Neal (Inactive) made changes -
            Summary Hierarchy for dropdown menu Hierarchy for dropdown control
            jkneal Jerry Neal (Inactive) made changes -
            Description KNS functional equivalence item. Would allow to have more than one level of navigation. KNS functional equivalence item. Ability to display hierarchy or grouping within dropdown (select).
            jkneal Jerry Neal (Inactive) made changes -
            Assignee Brian Smith [ bsmith ]
            jkneal Jerry Neal (Inactive) made changes -
            Original Estimate 3 days [ 86400 ]
            Remaining Estimate 3 days [ 86400 ]
            Fix Version/s 2.4 [ 16913 ]
            Fix Version/s Backlog [ 15811 ]
            jkneal Jerry Neal (Inactive) made changes -
            Sprint 2.5.0-m1 Sprint 2 [ 219 ]
            jkneal Jerry Neal (Inactive) made changes -
            Rank Ranked higher
            Hide
            bsmith Brian Smith (Inactive) added a comment -

            Tags already built into html optgroup give us a way to separate by category already... doing anything beyond this adds accessibility issues we have to be careful with, however:

            Bootstrap has the dropdown menu we are using, could be manipulated to be a control with some effort (accessibility issues also)

            Someone has made a plugin that works within bootstrap that does what we want essentially (looks nice, we would have to make it accessible somehow)
            http://silviomoreto.github.io/bootstrap-select/

            Accessibility read:
            http://www.456bereastreet.com/archive/201111/an_accessible_keyboard_friendly_custom_select_menu/

            It looks like we either need to use standard tags or apply aria roles manually to achieve accessiblity using listbox and option roles among others, with aria-selected attribute see:
            http://oaa-accessibility.org/examples/role/82/

            See for a good custom dropdown implementation (not what we want to use but what we need achieve):
            http://dojotoolkit.org/reference-guide/1.9/dijit/form/Select.html#dijit-form-select

            Show
            bsmith Brian Smith (Inactive) added a comment - Tags already built into html optgroup give us a way to separate by category already... doing anything beyond this adds accessibility issues we have to be careful with, however: Bootstrap has the dropdown menu we are using, could be manipulated to be a control with some effort (accessibility issues also) Someone has made a plugin that works within bootstrap that does what we want essentially (looks nice, we would have to make it accessible somehow) http://silviomoreto.github.io/bootstrap-select/ Accessibility read: http://www.456bereastreet.com/archive/201111/an_accessible_keyboard_friendly_custom_select_menu/ It looks like we either need to use standard tags or apply aria roles manually to achieve accessiblity using listbox and option roles among others, with aria-selected attribute see: http://oaa-accessibility.org/examples/role/82/ See for a good custom dropdown implementation (not what we want to use but what we need achieve): http://dojotoolkit.org/reference-guide/1.9/dijit/form/Select.html#dijit-form-select
            Hide
            bsmith Brian Smith (Inactive) added a comment - - edited

            All things considered this is the one we should go with for maximum support (if customizing the dropdown style is needed):
            http://wiki.jqueryui.com/w/page/12138056/Selectmenu

            Show
            bsmith Brian Smith (Inactive) added a comment - - edited All things considered this is the one we should go with for maximum support (if customizing the dropdown style is needed): http://wiki.jqueryui.com/w/page/12138056/Selectmenu
            Hide
            bsmith Brian Smith (Inactive) added a comment -

            Current recommendation is to use Bootstrap select plugin but use the jquery ui dropdown as a guide to modify it to meet accessibility standards

            Show
            bsmith Brian Smith (Inactive) added a comment - Current recommendation is to use Bootstrap select plugin but use the jquery ui dropdown as a guide to modify it to meet accessibility standards
            jcoltrin Jessica Coltrin (Inactive) made changes -
            Rank Ranked higher
            jcoltrin Jessica Coltrin (Inactive) made changes -
            Sprint 2.5.0-m1 Sprint 2 [ 219 ] 2.5.0-m1 Sprint 2, 2.5.0-m1 Sprint 3 [ 219, 237 ]
            jkneal Jerry Neal (Inactive) made changes -
            Assignee Brian Smith [ bsmith ] Jeff Heckel [ jheckel ]
            jkneal Jerry Neal (Inactive) made changes -
            Original Estimate 3 days [ 86400 ] 1 week [ 144000 ]
            Remaining Estimate 3 days [ 86400 ] 1 week [ 144000 ]
            Hide
            jkneal Jerry Neal (Inactive) added a comment -

            Decision from UXI group was to just implement the html optgroup option from dropdowns. Note optgroup has a disabled option as well we should support. Not sure about multi-select support?

            Show
            jkneal Jerry Neal (Inactive) added a comment - Decision from UXI group was to just implement the html optgroup option from dropdowns. Note optgroup has a disabled option as well we should support. Not sure about multi-select support?
            Hide
            bsmith Brian Smith (Inactive) added a comment -

            Verified that its supported the same way in the multi-select scenario so we should support both

            Show
            bsmith Brian Smith (Inactive) added a comment - Verified that its supported the same way in the multi-select scenario so we should support both
            jheckel Jeff Heckel (Inactive) made changes -
            Status Open [ 1 ] In Progress [ 3 ]
            Hide
            jheckel Jeff Heckel (Inactive) added a comment -

            Added support of HTML optgroup. Sample config:

            <bean parent="Uif-DropdownControl" p:multiple="true">
            <property name="options">
            <list>
            <bean parent="Uif-OptionGroupLabel" p:label="American"/>
            <bean parent="Uif-KeyLabelPair" p:key="a1" p:value="Ford"/>
            <bean parent="Uif-KeyLabelPair" p:key="a2" p:value="Chevy"/>
            <bean parent="Uif-KeyLabelPair" p:key="a3" p:value="Buick"/>
            <bean parent="Uif-OptionGroupLabel" p:label="Japan"/>
            <bean parent="Uif-KeyLabelPair" p:key="j1" p:value="Toyota"/>
            <bean parent="Uif-KeyLabelPair" p:key="j2" p:value="Honda"/>
            </list>
            </property>
            </bean>

            Show
            jheckel Jeff Heckel (Inactive) added a comment - Added support of HTML optgroup. Sample config: <bean parent="Uif-DropdownControl" p:multiple="true"> <property name="options"> <list> <bean parent="Uif-OptionGroupLabel" p:label="American"/> <bean parent="Uif-KeyLabelPair" p:key="a1" p:value="Ford"/> <bean parent="Uif-KeyLabelPair" p:key="a2" p:value="Chevy"/> <bean parent="Uif-KeyLabelPair" p:key="a3" p:value="Buick"/> <bean parent="Uif-OptionGroupLabel" p:label="Japan"/> <bean parent="Uif-KeyLabelPair" p:key="j1" p:value="Toyota"/> <bean parent="Uif-KeyLabelPair" p:key="j2" p:value="Honda"/> </list> </property> </bean>
            jheckel Jeff Heckel (Inactive) logged work - 18/Mar/14 10:51 AM
            • Time Spent:
              1 day
               
              <No comment>
            jheckel Jeff Heckel (Inactive) made changes -
            Remaining Estimate 1 week [ 144000 ] 4 days [ 115200 ]
            Time Spent 1 day [ 28800 ]
            Worklog Id 93900 [ 93900 ]
            jkneal Jerry Neal (Inactive) made changes -
            Status In Progress [ 3 ] Resolved [ 5 ]
            Fix Version/s 2.5 [ 17044 ]
            Fix Version/s 2.4 [ 16913 ]
            Resolution Fixed [ 1 ]
            Hide
            jkneal Jerry Neal (Inactive) added a comment -

            Another Bootstrap plugin that looks a little better (in case we come back to this):

            http://davidstutz.github.io/bootstrap-multiselect/

            Show
            jkneal Jerry Neal (Inactive) added a comment - Another Bootstrap plugin that looks a little better (in case we come back to this): http://davidstutz.github.io/bootstrap-multiselect/
            jkneal Jerry Neal (Inactive) made changes -
            Link This issue cloned to KULRICE-12408 [ KULRICE-12408 ]
            masargen Matt Sargent made changes -
            Status Resolved [ 5 ] Closed [ 6 ]

              People

              • Assignee:
                jheckel Jeff Heckel (Inactive)
                Reporter:
                wwashington William Washington (Inactive)
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - 1 week
                  1w
                  Remaining:
                  Time Spent - 1 day Remaining Estimate - 4 days
                  4d
                  Logged:
                  Time Spent - 1 day Remaining Estimate - 4 days
                  1d