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

          Ken Fyten created issue -
          Ken Fyten made changes -
          Field Original Value New Value
          Salesforce Case []
          Description Add a new ace:inputText 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).
          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).
          Ken Fyten made changes -
          Salesforce Case []
          Assignee Priority P2
          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).
          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).
          Assignee yip.ng [ yip.ng ]
          Ken Fyten made changes -
          Link This issue depends on ICE-7868 [ ICE-7868 ]
          Ken Fyten made changes -
          Fix Version/s 3.1.0.BETA1 [ 10335 ]
          Ken Fyten made changes -
          Salesforce Case []
          Fix Version/s 3.1.0.BETA2 [ 10336 ]
          Fix Version/s 3.1.0.BETA1 [ 10335 ]
          Ken Fyten made changes -
          Salesforce Case []
          Assignee Priority P2 P1
          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).
          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.
          Ken Fyten made changes -
          Fix Version/s 3.1.0.RC1 [ 10337 ]
          Fix Version/s 3.1.0.BETA2 [ 10336 ]
          yip.ng made changes -
          Attachment screenshot-01.png [ 14566 ]
          yip.ng made changes -
          Attachment screenshot-02.png [ 14567 ]
          yip.ng made changes -
          Attachment screenshot-03.png [ 14568 ]
          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.
          yip.ng made changes -
          Attachment screenshot-04.png [ 14594 ]
          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 .
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #29539 Tue Jun 19 11:47:14 MDT 2012 yip.ng ICE-7825: New ace:textAreaEntry component.
          Files Changed
          Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/textareaentry
          Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/textareaentry
          Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/textareaentry/TextAreaEntry.java
          Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/themes/sam/theme.css
          Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/textareaentry/TextAreaEntryMeta.java
          Commit graph ADD /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/component/textareaentry/TextAreaEntryRenderer.java
          Commit graph ADD /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/textareaentry/textareaentry.js
          Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/themes/rime/theme.css
          Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/src/org/icefaces/ace/renderkit/InputRenderer.java
          Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/build.xml
          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
          yip.ng made changes -
          Status Open [ 1 ] Resolved [ 5 ]
          Resolution Fixed [ 1 ]
          Repository Revision Date User Message
          ICEsoft Public SVN Repository #29547 Tue Jun 19 15:23:19 MDT 2012 yip.ng ICE-7825: New ace:textAreaEntry component.
          Files Changed
          Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/textareaentry/textareaentry.js
          Ken Fyten made changes -
          Attachment screenshot-03.png [ 14568 ]
          Ken Fyten made changes -
          Status Resolved [ 5 ] Closed [ 6 ]

            People

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

              Dates

              • Created:
                Updated:
                Resolved: