ICEfaces
  1. ICEfaces
  2. ICE-1960

drop down list in selectInput date for year selection

    Details

    • Type: Improvement Improvement
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 1.6, 1.7
    • Fix Version/s: 1.7.1
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      any

      Description

      it would be a nice feature if a user could use a drop down list for the selection
      of years within the selectInputDate component. If you have to i.e. select your
      birthday and this is some 40 years in the past it wouldn't be much fun clicking
      40 times until 1967 is reached.
      1. screenshot-1.jpg
        151 kB
      2. screenshot-2.jpg
        151 kB
      3. screenshot-3.jpg
        161 kB

        Issue Links

          Activity

          Michael Thiem created issue -
          Hide
          Michael Thiem added a comment -

          enabling drop down capabilities for month and year would be highly appreciated
          by forum users

          forum reference: http://www.icefaces.org/JForum/posts/list/5896.page

          Show
          Michael Thiem added a comment - enabling drop down capabilities for month and year would be highly appreciated by forum users forum reference: http://www.icefaces.org/JForum/posts/list/5896.page
          Michael Thiem made changes -
          Field Original Value New Value
          Affects Version/s 1.7DR#1 [ 10100 ]
          Affects Version/s 1.6.1 [ 10070 ]
          Show
          Michael Thiem added a comment - http://www.icefaces.org/JForum/posts/list/6498.page
          Hide
          Anil Jacob added a comment -

          Another feature missing on the dateinput is the time selection controls. Drop downs or sliders for hr,min and sec. This can be another component extending the existing dateInput so that users who do not want it can still use the base version.

          Thanks

          Show
          Anil Jacob added a comment - Another feature missing on the dateinput is the time selection controls. Drop downs or sliders for hr,min and sec. This can be another component extending the existing dateInput so that users who do not want it can still use the base version. Thanks
          Mark Collette made changes -
          Link This issue is duplicated by ICE-1024 [ ICE-1024 ]
          Michael Thiem made changes -
          Affects Version/s 1.7 [ 10080 ]
          Affects Version/s 1.6.1 [ 10070 ]
          Affects Version/s 1.7DR#1 [ 10100 ]
          Ken Fyten made changes -
          Fix Version/s 1.7.1 [ 10122 ]
          Assignee Priority P3
          Assignee Yip Ng [ yip.ng ]
          yip.ng made changes -
          Attachment screenshot-1.jpg [ 10983 ]
          yip.ng made changes -
          Attachment screenshot-2.jpg [ 10984 ]
          Hide
          yip.ng added a comment -

          There is a bug in rendering the highlight for a month or year. The month of December is not highlighted no matter what. (e.g. try changing the month highlight value from 8 to 12, or adding a year highlight value.)

          Show
          yip.ng added a comment - There is a bug in rendering the highlight for a month or year. The month of December is not highlighted no matter what. (e.g. try changing the month highlight value from 8 to 12, or adding a year highlight value.)
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #16656 Fri May 16 17:38:22 MDT 2008 yip.ng ICE-1960
          Added options to render month and year as drop down lists.
          Files Changed
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/CSS_DEFAULT.java
          Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-selectInputDate-props.xml
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDate.java
          Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/royale/royale.css
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/resources/messages.properties
          Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/xp/xp-portlet.css
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/resources/messages_fr.properties
          Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/custom/selectinputdate-renderer.xml
          Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/common-web/WEB-INF/includes/examples/custom/selectInputDate.jspx
          Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/xp/xp.css
          Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/rime/rime-portlet.css
          Commit graph MODIFY /icefaces/trunk/icefaces/core/src/com/icesoft/faces/resources/css/rime/rime.css
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDateRenderer.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #16657 Fri May 16 17:44:05 MDT 2008 yip.ng ICE-1960
          Added options to render month and year as drop down lists.
          Files Changed
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/component/CSS_DEFAULT.java
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/resources/messages.properties
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDateRenderer.java
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-selectInputDate-props.xml
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/resources/messages_fr.properties
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/core/src/com/icesoft/faces/resources/css/xp/xp-portlet.css
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/core/src/com/icesoft/faces/resources/css/xp/xp.css
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/core/src/com/icesoft/faces/resources/css/rime/rime.css
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/core/src/com/icesoft/faces/resources/css/rime/rime-portlet.css
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/samples/component-showcase/common-web/WEB-INF/includes/examples/custom/selectInputDate.jspx
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDate.java
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component-metadata/src/main/resources/conf/custom/selectinputdate-renderer.xml
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/core/src/com/icesoft/faces/resources/css/royale/royale.css
          Hide
          yip.ng added a comment -

          Note that when navigating the months by arrow buttons, you can navigate across year boundaries, i.e. Jan -> Dec of year before, or Dec -> Jan of year after. This is not possible using a month drop down list.

          However, if the new renderMonthAsDropdown attribute is set to false (default) and the new renderYearAsDropdown attribute to true, thereby using arrow buttons for month navigation and a drop down list for year navigation, then you require much more complicated rendering logic to keep the year drop down list in sync with the month navigation.

          Show
          yip.ng added a comment - Note that when navigating the months by arrow buttons, you can navigate across year boundaries, i.e. Jan -> Dec of year before, or Dec -> Jan of year after. This is not possible using a month drop down list. However, if the new renderMonthAsDropdown attribute is set to false (default) and the new renderYearAsDropdown attribute to true, thereby using arrow buttons for month navigation and a drop down list for year navigation, then you require much more complicated rendering logic to keep the year drop down list in sync with the month navigation.
          yip.ng made changes -
          Status Open [ 1 ] Resolved [ 5 ]
          Resolution Fixed [ 1 ]
          Hide
          yip.ng added a comment -

          From discussion with Mark:

          • always scroll the selected year (originally from backing bean, if null, current year) to the middle
          • add a style class to control styling of selected year
          • no need to store start year anymore
          • year list size changed to 11 (for centering), keep as internal constant for now, not settable by user
          Show
          yip.ng added a comment - From discussion with Mark: always scroll the selected year (originally from backing bean, if null, current year) to the middle add a style class to control styling of selected year no need to store start year anymore year list size changed to 11 (for centering), keep as internal constant for now, not settable by user
          yip.ng made changes -
          Resolution Fixed [ 1 ]
          Status Resolved [ 5 ] Reopened [ 4 ]
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #16673 Wed May 21 17:06:04 MDT 2008 yip.ng ICE-1960
          Changed to always scroll selected year to the middle of the dropdown list.
          Files Changed
          Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/common-web/WEB-INF/includes/examples/custom/selectInputDate.jspx
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDate.java
          Commit graph MODIFY /icefaces/trunk/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-selectInputDate-props.xml
          Commit graph MODIFY /icefaces/trunk/icefaces/samples/component-showcase/common-src/org/icefaces/application/showcase/view/bean/examples/component/selectInputDate/SelectInputDateBean.java
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDateRenderer.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #16674 Wed May 21 17:10:08 MDT 2008 yip.ng ICE-1960
          Changed to always scroll selected year to the middle of the dropdown list.
          Files Changed
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDateRenderer.java
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/samples/component-showcase/common-web/WEB-INF/includes/examples/custom/selectInputDate.jspx
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component-metadata/src/main/resources/conf/ice_cust_properties/cust-selectInputDate-props.xml
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/samples/component-showcase/common-src/org/icefaces/application/showcase/view/bean/examples/component/selectInputDate/SelectInputDateBean.java
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDate.java
          yip.ng made changes -
          Attachment screenshot-3.jpg [ 10998 ]
          Hide
          yip.ng added a comment -

          Style class of selected year can't be set because the calendar component makes use of the SelectOneMenu component to render the dropdown list, and the SelectOneMenu component doesn't have such an option.

          IE doesn't seem to recognize any styles set for the <option> element at all, and XHTML doesn't allow any element (e.g. <span>) inside the <option> element, so changing the SelectOneMenu component itself won't solve anything.

          CSS attribute selectors (i.e. *.iceSelInpDateMoYrDropdown option[selected]) work in Firefox but not in IE, so still no luck.

          Show
          yip.ng added a comment - Style class of selected year can't be set because the calendar component makes use of the SelectOneMenu component to render the dropdown list, and the SelectOneMenu component doesn't have such an option. IE doesn't seem to recognize any styles set for the <option> element at all, and XHTML doesn't allow any element (e.g. <span>) inside the <option> element, so changing the SelectOneMenu component itself won't solve anything. CSS attribute selectors (i.e. *.iceSelInpDateMoYrDropdown option [selected] ) work in Firefox but not in IE, so still no luck.
          yip.ng made changes -
          Status Reopened [ 4 ] Resolved [ 5 ]
          Resolution Fixed [ 1 ]
          Hide
          yip.ng added a comment -

          All requirements from discussion with Mark done except style class for selected item.

          Show
          yip.ng added a comment - All requirements from discussion with Mark done except style class for selected item.
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #16686 Fri May 23 16:47:55 MDT 2008 yip.ng ICE-1960
          Fixed index out of bounds in saveState().
          Files Changed
          Commit graph MODIFY /icefaces/trunk/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDate.java
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #16691 Fri May 23 16:52:33 MDT 2008 yip.ng ICE-1960
          Fixed index out of bounds in saveState().
          Files Changed
          Commit graph MODIFY /icefaces/branches/icefaces-1.7/icefaces/component/src/com/icesoft/faces/component/selectinputdate/SelectInputDate.java
          Ken Fyten made changes -
          Status Resolved [ 5 ] Closed [ 6 ]
          Assignee Priority P3
          Assignee Yip Ng [ yip.ng ]
          Ken Fyten made changes -
          Link This issue is duplicated by ICE-2591 [ ICE-2591 ]

            People

            • Assignee:
              Unassigned
              Reporter:
              Michael Thiem
            • Votes:
              13 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: