ICEfaces
  1. ICEfaces
  2. ICE-8154

Add support for all ace:*Entry components for built-in label, required/optional indicator rendering and positioning

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 3.1.0.BETA2, 3.1
    • Component/s: ACE-Components
    • Labels:
      None
    • Environment:
      ICEfaces 3.1 ace entry components
    • Assignee Priority:
      P1
    • Affects:
      Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial

      Description

      It would be a useful feature if the ace entry components could all render their own labels, as well as Required/Optional indicators, thus completely removing the need to use a separate h:outputLabel component at all in many cases.

      - The "label" attribute will facilitate its use for setting the component name in the default h:message(s) error messages, as well as defining it for rendered label. If no "label" attribute is defined, we do not render any label.

      - Add new "labelPosition" attribute. Supported values are "inField (default) /left/right/top/bottom/none" with "inField" being embedded in the component value region and also the default. If "none" is specified, then the the label text will not be rendered.
        
      - Add new "requiredIndicator" and "optionalIndicator" attributes. When specified, these will be rendered at the "indicatorPosition", requiredIndicator will be rendered if the component "required=true", otherwise the optionalIndicator will be rendered (if specified).

      - Add new "indicatorPosition" attribute which will be used to position the required and optional indicator labels. The supported values for the "indicatorPosition" attribute are "left/right/top/bottom/labelLeft/labelRight/none". If "none" is specified, no indicator will be rendered.

      - Ensure that the label, indicator(s), and input each have their own CSS classes for customization of styles, spacing, etc.

        Issue Links

          Activity

          Hide
          yip.ng added a comment - - edited

          See ICE-7824 for the evolvement of the features. The components are TextEntry, MaskedEntry, AutoCompleteEntry and DateTimeEntry.

          Checked in under ICE-7824 at revisions: 29001, 29035, 29138, 29141.

          Show
          yip.ng added a comment - - edited See ICE-7824 for the evolvement of the features. The components are TextEntry, MaskedEntry, AutoCompleteEntry and DateTimeEntry. Checked in under ICE-7824 at revisions: 29001, 29035, 29138, 29141.
          Hide
          yip.ng added a comment - - edited

          "none" positions added. Showcase demo also updated.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\autocompleteentry\AutoCompleteEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\datetimeentry\DateTimeEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\maskedentry\MaskedEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textentry\TextEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\textEntry\textEntry.xhtml
          Completed: At revision: 29217

          Show
          yip.ng added a comment - - edited "none" positions added. Showcase demo also updated. Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\autocompleteentry\AutoCompleteEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\datetimeentry\DateTimeEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\maskedentry\MaskedEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textentry\TextEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\textEntry\textEntry.xhtml Completed: At revision: 29217
          Hide
          yip.ng added a comment - - edited

          In-field label handling for masked entry done. See video at http://screencast.com/t/YIqvuxDlbfmj

          Apart from changes to the renderer, this requires changes to the third-party masked input plugin (by Josh Bush, digitalbush.com). Therefore, potential future upgrade maintenance costs, by itself or caused by jQuery upgrade.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\maskedentry\maskedentry.js
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\maskedentry\MaskedEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java
          Completed: At revision: 29234

          Show
          yip.ng added a comment - - edited In-field label handling for masked entry done. See video at http://screencast.com/t/YIqvuxDlbfmj Apart from changes to the renderer, this requires changes to the third-party masked input plugin (by Josh Bush, digitalbush.com). Therefore, potential future upgrade maintenance costs, by itself or caused by jQuery upgrade. Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\maskedentry\maskedentry.js Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\maskedentry\MaskedEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java Completed: At revision: 29234
          Hide
          yip.ng added a comment -

          Added readme and comments.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\maskedentry\maskedentry.js
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\maskedentry\readme.txt
          Completed: At revision: 29241

          Show
          yip.ng added a comment - Added readme and comments. Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\maskedentry\maskedentry.js Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\maskedentry\readme.txt Completed: At revision: 29241
          Hide
          yip.ng added a comment -

          [5/29/2012 4:39:41 PM] Ken Fyten: Yip to add new showcase demo showing using an app. level custom "required" styling, that also shows the std. theme-based error styling overiding the required styling.

          Show
          yip.ng added a comment - [5/29/2012 4:39:41 PM] Ken Fyten: Yip to add new showcase demo showing using an app. level custom "required" styling, that also shows the std. theme-based error styling overiding the required styling.
          Hide
          yip.ng added a comment - - edited

          Done. See screenshot-01.png.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\css\showcase_styles.css
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\textEntry\textEntry.xhtml
          Completed: At revision: 29243

          Show
          yip.ng added a comment - - edited Done. See screenshot-01.png. Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\css\showcase_styles.css Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\samples\showcase\showcase\src\main\webapp\resources\examples\ace\textEntry\textEntry.xhtml Completed: At revision: 29243
          Hide
          yip.ng added a comment -

          In-field label handling done for auto complete entry. See video at http://screencast.com/t/WnfflvPw.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\autocompleteentry\autocompleteentry.js
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\autocompleteentry\AutoCompleteEntryRenderer.java
          Completed: At revision: 29267

          Show
          yip.ng added a comment - In-field label handling done for auto complete entry. See video at http://screencast.com/t/WnfflvPw . Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\autocompleteentry\autocompleteentry.js Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\autocompleteentry\AutoCompleteEntryRenderer.java Completed: At revision: 29267
          Hide
          yip.ng added a comment -

          Date time entry work-in-progress.

          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\datetimeentry\jquery-ui-timepicker-addon.js
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\datetimeentry\DateTimeEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java
          Completed: At revision: 29307

          Show
          yip.ng added a comment - Date time entry work-in-progress. Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\datetimeentry\jquery-ui-timepicker-addon.js Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\datetimeentry\DateTimeEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java Completed: At revision: 29307
          Hide
          yip.ng added a comment - - edited

          Calendar in-field label somewhat working, but there is too much interference from the plugin listeners, e.g. when date is selected from popup. See video at http://screencast.com/t/vk7ZavFatq7.

          Show
          yip.ng added a comment - - edited Calendar in-field label somewhat working, but there is too much interference from the plugin listeners, e.g. when date is selected from popup. See video at http://screencast.com/t/vk7ZavFatq7 .
          Hide
          yip.ng added a comment - - edited

          Fixed interference from date select event with in-field label. See video at http://screencast.com/t/JRKc3i2kF7.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\build.xml
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\datetimeentry\datetimeentry.js
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\jquery\ui\jquery-ui.js
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\jquery\ui\readme.txt
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\datetimeentry\DateTimeEntryRenderer.java
          Completed: At revision: 29399

          Show
          yip.ng added a comment - - edited Fixed interference from date select event with in-field label. See video at http://screencast.com/t/JRKc3i2kF7 . Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\build.xml Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\datetimeentry\datetimeentry.js Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\jquery\ui\jquery-ui.js Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\jquery\ui\readme.txt Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\datetimeentry\DateTimeEntryRenderer.java Completed: At revision: 29399
          Hide
          yip.ng added a comment -
          Show
          yip.ng added a comment - ICE-8232 .

            People

            • Assignee:
              yip.ng
              Reporter:
              Ken Fyten
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: