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

          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
          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
          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.)
          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.
          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
          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.
          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.

            People

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

              Dates

              • Created:
                Updated:
                Resolved: