ICEfaces
  1. ICEfaces
  2. ICE-6148

New Example application for ICEfaces Advanced Components

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 2.0-Beta2
    • Fix Version/s: 2.0-Beta2, 2.0.0
    • Component/s: Sample Apps
    • Labels:
      None
    • Environment:
      jsf2.0, ICEfaces2.0
    • Affects:
      Sample App./Tutorial

      Description

      Create a sample application for ICEfaces-2.0 new components
      original includes fileEntry, sliderEntry, dateTimeEntry, tab/tabSet, pushButton, checkboxButton, linkButton and animation.
      1. screenshot-01.png
        130 kB
      2. screenshot-02.png
        78 kB
      3. screenshot-03.png
        88 kB
      4. screenshot-04.png
        67 kB
      5. screenshot-05.png
        105 kB
      6. screenshot-06.png
        94 kB
      7. screenshot-07.png
        88 kB
      8. screenshot-08.png
        74 kB
      9. screenshot-09.png
        113 kB
      10. screenshot-10.png
        209 kB

        Issue Links

          Activity

          Hide
          yip.ng added a comment -

          New build file created based on original build file.

          Revision: 22745


          Added : /icefaces/scratchpads/sparkle/showcase/test1/build.xml

          Show
          yip.ng added a comment - New build file created based on original build file. Revision: 22745 Added : /icefaces/scratchpads/sparkle/showcase/test1/build.xml
          Hide
          Judy Guglielmin added a comment -

          From Ken's email regarding this application:-
          General:

          Index page with links to each component

          Separate page for each component with header with selection to set Rime or Sam theme dynamically to be used for all demo pages, which contains the comp. demo content in it. Also a std. footer for the usual links, etc. to icefaces.org.

          dateTimeEntry:

          • Based on calendar.jsf, style and space each config. attribute nicely.

          SliderEntry:

          • Based loosely on slider.jsf.
          • One slider on screen, with the following dynamically configurable options:
          • Range min and max (with validators to enforce max > min by at least 3 units.
          • submitOn slideEnd vs. Interval
          • clickableRail = true/false
          • axis="y"/"x". We'll want to change this after beta to horizontal=true/false I think.

          TabSet:

          4 demo pages for this:

          Basic features:

          • Clientside tabset (based on clientside_tabset.xhtml)
          • Dynamic orientation selection
          • Facet label (based on tabset11.xhtml)

          ServerSide tabset demo:

          • TabSet and TabPanes inside single form with required input elements inside panels. Dynamic selection of "cancelOnInvalid". Based on tabset8.xhtml.

          TabSetProxy demo:

          • TabSet and TabPanes inside single form with TabSetProxy in a separate form, dynamic selection of cancelOnInvalid. Based on tabsetcontrollerRequired.xhtml.

          Buttons:

          Basic demo page with a couple examples of each button type (show both modes of linkButton).

          Animation:

          Based on tabSetEffect.xhtml page.

          Show
          Judy Guglielmin added a comment - From Ken's email regarding this application:- General: Index page with links to each component Separate page for each component with header with selection to set Rime or Sam theme dynamically to be used for all demo pages, which contains the comp. demo content in it. Also a std. footer for the usual links, etc. to icefaces.org. dateTimeEntry: Based on calendar.jsf, style and space each config. attribute nicely. SliderEntry: Based loosely on slider.jsf. One slider on screen, with the following dynamically configurable options: Range min and max (with validators to enforce max > min by at least 3 units. submitOn slideEnd vs. Interval clickableRail = true/false axis="y"/"x". We'll want to change this after beta to horizontal=true/false I think. TabSet: 4 demo pages for this: Basic features: Clientside tabset (based on clientside_tabset.xhtml) Dynamic orientation selection Facet label (based on tabset11.xhtml) ServerSide tabset demo: TabSet and TabPanes inside single form with required input elements inside panels. Dynamic selection of "cancelOnInvalid". Based on tabset8.xhtml. TabSetProxy demo: TabSet and TabPanes inside single form with TabSetProxy in a separate form, dynamic selection of cancelOnInvalid. Based on tabsetcontrollerRequired.xhtml. Buttons: Basic demo page with a couple examples of each button type (show both modes of linkButton). Animation: Based on tabSetEffect.xhtml page.
          Hide
          Mark Collette added a comment -

          Changed ant build to work with message bundle location.

          Subversion 22753

          Show
          Mark Collette added a comment - Changed ant build to work with message bundle location. Subversion 22753
          Hide
          yip.ng added a comment - - edited

          Component (date time entry) doesn't show up on web page. Some missing resource errors on the server side. No error on the client side. Server side log shows renderer is called. See screenshots 1 and 2.

          Show
          yip.ng added a comment - - edited Component (date time entry) doesn't show up on web page. Some missing resource errors on the server side. No error on the client side. Server side log shows renderer is called. See screenshots 1 and 2.
          Hide
          Judy Guglielmin added a comment -

          @ResourceDependency are not being inserted into the header on postback, so have to use "GET" to have the various component examples loading the required resources.
          Modifying the navigation to use <h:link> with page parameter for the various xhtml to be inserted which will use a "GET" for each example

          Show
          Judy Guglielmin added a comment - @ResourceDependency are not being inserted into the header on postback, so have to use "GET" to have the various component examples loading the required resources. Modifying the navigation to use <h:link> with page parameter for the various xhtml to be inserted which will use a "GET" for each example
          Hide
          yip.ng added a comment -

          Layout of date time entry and slider entry done. See screenshots 3 and 4.

          Show
          yip.ng added a comment - Layout of date time entry and slider entry done. See screenshots 3 and 4.
          Hide
          Judy Guglielmin added a comment -

          as per comps meeting, 2 tabSet demos:-

          Clientside: dynamicOrientation
          ServerSide: Facet (close button and image icon), cancelOnInvalid, uses TabSetProxy underneath

          Show
          Judy Guglielmin added a comment - as per comps meeting, 2 tabSet demos:- Clientside: dynamicOrientation ServerSide: Facet (close button and image icon), cancelOnInvalid, uses TabSetProxy underneath
          Hide
          Mark Collette added a comment -

          Added fileEntry example, with file uploading, listing and deleting.

          Subversion 22790

          Show
          Mark Collette added a comment - Added fileEntry example, with file uploading, listing and deleting. Subversion 22790
          Hide
          yip.ng added a comment -

          First attempt at re-styling. See screenshot 7.

          Show
          yip.ng added a comment - First attempt at re-styling. See screenshot 7.
          Hide
          Ken Fyten added a comment -

          The new ace-showcase application has been established.

          Show
          Ken Fyten added a comment - The new ace-showcase application has been established.

            People

            • Assignee:
              Judy Guglielmin
              Reporter:
              Judy Guglielmin
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: