ICEfaces
  1. ICEfaces
  2. ICE-7825

New ace:textAreaEntry component

    Details

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

      Description

      Add a new ace:textAreaEntry component with the following features:

      - ThemeRoller styling support
      - ace:ajax support
      - promptLabel attribute (displays inside the inputText when the component doesn't have a value and is not focussed)
      - Custom styling for invalid state (red border, etc. if entered value fails validation), and required (see ICE-7868).
      - Resizability (optional) via dragging the bottom right corner.
      1. screenshot-01.png
        250 kB
      2. screenshot-02.png
        252 kB
      3. screenshot-04.png
        192 kB

        Issue Links

          Activity

          Hide
          yip.ng added a comment - - edited

          First pass. See screenshot-01.png. Immediate problem: with the label left and right positions, the alignment is at the bottom instead at the top. See screenshot-02.png.

          Resizability is automatic by CSS3 "resize" property.

          Show
          yip.ng added a comment - - edited First pass. See screenshot-01.png. Immediate problem: with the label left and right positions, the alignment is at the bottom instead at the top. See screenshot-02.png. Resizability is automatic by CSS3 "resize" property.
          Hide
          yip.ng added a comment - - edited

          resizable attribute added. Input and label handling basically working. See video at http://screencast.com/t/fROtmyUM. There is still problem of alignment.

          Show
          yip.ng added a comment - - edited resizable attribute added. Input and label handling basically working. See video at http://screencast.com/t/fROtmyUM . There is still problem of alignment.
          Hide
          yip.ng added a comment - - edited

          After svn update, some framework JS errors on page load. Also, framework setFocus() function is gone. See screenshot-04.png. See also ICE-8267.

          Show
          yip.ng added a comment - - edited After svn update, some framework JS errors on page load. Also, framework setFocus() function is gone. See screenshot-04.png. See also ICE-8267 .
          Hide
          yip.ng added a comment -

          Done. Label alignment fixed by special CSS just for text area entry. setFocus() commented out for now to avoid JS errors.

          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\build.xml
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\textareaentry
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\textareaentry\textareaentry.js
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\themes\rime\theme.css
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\themes\sam\theme.css
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry\TextAreaEntry.java
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry\TextAreaEntryMeta.java
          Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry\TextAreaEntryRenderer.java
          Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java
          Completed: At revision: 29539

          Show
          yip.ng added a comment - Done. Label alignment fixed by special CSS just for text area entry. setFocus() commented out for now to avoid JS errors. Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\build.xml Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\textareaentry Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\textareaentry\textareaentry.js Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\themes\rime\theme.css Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\resources\icefaces.ace\themes\sam\theme.css Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry\TextAreaEntry.java Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry\TextAreaEntryMeta.java Adding: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\component\textareaentry\TextAreaEntryRenderer.java Modified: C:\svn\ossrepo\icefaces3\trunk\icefaces\ace\component\src\org\icefaces\ace\renderkit\InputRenderer.java Completed: At revision: 29539

            People

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

              Dates

              • Created:
                Updated:
                Resolved: