ICEfaces
  1. ICEfaces
  2. ICE-6007

ACE: Fix 'Rime' skin issues with TabSet component

          Details

          • Type: Improvement Improvement
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 2.0-Beta1
          • Fix Version/s: 2.0.0
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            ICEfaces 2 Sparkle component

            Description

            The new Sparkle tab needs to have a rime skin added for it. The rime skin should be based off the existing 1.8 tabset rime theme images, etc., although they will need to be re-interrpreted or translated as required for the new component.

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Ken Fyten added a comment -

              Initial version is in place but has numerous issues:

              • Vertical orientation tab labels don't size correctly.
              • Lack of borders
              • Tab shading doesn't really match rime tab
              Show
              Ken Fyten added a comment - Initial version is in place but has numerous issues: Vertical orientation tab labels don't size correctly. Lack of borders Tab shading doesn't really match rime tab
              Hide
              Permalink
              Ken Fyten added a comment -

              It seems that the current Rime CSS is missing some of the req. CSS styling in order for the tabset to layout correctly. I would suggest an approach where the Sam skin CSS is copied, and then tweaked to use Rime fonts, images, etc. as req. while maintaining the correct layout behaviors.

              Show
              Ken Fyten added a comment - It seems that the current Rime CSS is missing some of the req. CSS styling in order for the tabset to layout correctly. I would suggest an approach where the Sam skin CSS is copied, and then tweaked to use Rime fonts, images, etc. as req. while maintaining the correct layout behaviors.
              Hide
              Permalink
              yip.ng added a comment -

              Sam skin copied.

              Border added.

              Tab content background uses color (unlike showcase 1.8, which uses background image) Therefore no gradual shading.

              Tab label widths upset by the addition of images in rime theme.

              Show
              yip.ng added a comment - Sam skin copied. Border added. Tab content background uses color (unlike showcase 1.8, which uses background image) Therefore no gradual shading. Tab label widths upset by the addition of images in rime theme.
              Hide
              Permalink
              yip.ng added a comment -

              Revision: 23310

              Added : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/Tab_MidMid.gif
              Added : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/Tab_MidMid_off.gif
              Added : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/contentContainer_bg.gif

              Revision: 23309

              Modified : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/tabset.css

              Revision: 23298

              Modified : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/tabset.css
              Modified : /icefaces2/trunk/icefaces/ace/samples/showcase/src/main/webapp/css/cssLayout.css

              Show
              yip.ng added a comment - Revision: 23310 Added : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/Tab_MidMid.gif Added : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/Tab_MidMid_off.gif Added : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/contentContainer_bg.gif Revision: 23309 Modified : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/tabset.css Revision: 23298 Modified : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/tabset.css Modified : /icefaces2/trunk/icefaces/ace/samples/showcase/src/main/webapp/css/cssLayout.css
              Hide
              Permalink
              Ken Fyten added a comment - - edited

              Seeing the following errors loading Rime images for TabSet in server logs:

              Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
              WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins//Users/Ken/Code/svn/icefaces2/icefaces/ace/component/build/assets/skins/sam/sprite.png.
              Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
              WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins//Users/Ken/Code/svn/icefaces2/icefaces/ace/component/build/assets/skins/sam/sprite.png.
              Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
              WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins//Users/Ken/Code/svn/icefaces2/icefaces/ace/component/build/assets/skins/sam/sprite.png.
              Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
              WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins/rime/tabset/background.png.
              Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
              WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins/rime/tabset/background-selected-1.png.
              Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource
              WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins/rime/tabset/background-selected-2.png.

              Show
              Ken Fyten added a comment - - edited Seeing the following errors loading Rime images for TabSet in server logs: Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins//Users/Ken/Code/svn/icefaces2/icefaces/ace/component/build/assets/skins/sam/sprite.png. Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins//Users/Ken/Code/svn/icefaces2/icefaces/ace/component/build/assets/skins/sam/sprite.png. Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins//Users/Ken/Code/svn/icefaces2/icefaces/ace/component/build/assets/skins/sam/sprite.png. Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins/rime/tabset/background.png. Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins/rime/tabset/background-selected-1.png. Dec 8, 2010 6:06:39 PM com.sun.faces.application.resource.ResourceHandlerImpl logMissingResource WARNING: JSF1064: Unable to find or serve resource, org.icefaces.component.skins/rime/tabset/background-selected-2.png.
              Hide
              Permalink
              Ken Fyten added a comment - - edited

              Art, please review and fix the resource loading issues above.

              Show
              Ken Fyten added a comment - - edited Art, please review and fix the resource loading issues above.
              Hide
              Permalink
              Ken Fyten added a comment -

              Fixed the resource loading errors above by cleaning up the Rime tabset.css to remove some image references that were copied in from the Sam stylesheet.

              Show
              Ken Fyten added a comment - Fixed the resource loading errors above by cleaning up the Rime tabset.css to remove some image references that were copied in from the Sam stylesheet.
              Hide
              Permalink
              Ken Fyten added a comment -

              Also increased the size of the tab background images to match those in Sam and scale better when viewed in multi-row left or right orientation.

              Show
              Ken Fyten added a comment - Also increased the size of the tab background images to match those in Sam and scale better when viewed in multi-row left or right orientation.
              Hide
              Permalink
              Ken Fyten added a comment -

              Still an issue with the selected-tab having a border between the tab and tab panel when orientation is bottom, left, or right.

              Show
              Ken Fyten added a comment - Still an issue with the selected-tab having a border between the tab and tab panel when orientation is bottom, left, or right.
              Hide
              Permalink
              yip.ng added a comment -

              Revision: 23499

              Modified : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/tabset.css

              Show
              yip.ng added a comment - Revision: 23499 Modified : /icefaces2/trunk/icefaces/ace/component/src/org/icefaces/component/tab/skins/rime/tabset.css

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: