6:54 p.m.
Author: artdaw
Date: 2009-01-16 19:54:52 -0500 (Fri, 16 Jan 2009)
New Revision: 12323
Modified:
trunk/sandbox/samples/colorPicker/src/main/webapp/WEB-INF/web.xml
trunk/sandbox/samples/colorPicker/src/main/webapp/pages/index.jsp
Log:
rich:colorPicker sample fixed
Modified: trunk/sandbox/samples/colorPicker/src/main/webapp/WEB-INF/web.xml
===================================================================
--- trunk/sandbox/samples/colorPicker/src/main/webapp/WEB-INF/web.xml 2009-01-17 00:54:31
UTC (rev 12322)
+++ trunk/sandbox/samples/colorPicker/src/main/webapp/WEB-INF/web.xml 2009-01-17 00:54:52
UTC (rev 12323)
@@ -19,10 +19,10 @@
<param-name>org.ajax4jsf.COMPRESS_SCRIPT</param-name>
<param-value>false</param-value>
</context-param>
-<context-param>
+<!--context-param>
<param-name>org.richfaces.LoadStyleStrategy</param-name>
<param-value>NONE</param-value>
-</context-param>
+</context-param-->
<!--
-->
Modified: trunk/sandbox/samples/colorPicker/src/main/webapp/pages/index.jsp
===================================================================
--- trunk/sandbox/samples/colorPicker/src/main/webapp/pages/index.jsp 2009-01-17 00:54:31
UTC (rev 12322)
+++ trunk/sandbox/samples/colorPicker/src/main/webapp/pages/index.jsp 2009-01-17 00:54:52
UTC (rev 12323)
@@ -4,183 +4,11 @@
<html>
<head>
<title>ColorPicker sample page</title>
-<style type="text/css">
-
-.rich-colorPicker-wrapper{
- display:none;
- font-family:Arial,Helvetica,sans-serif;
- height:176px;
- !height:166px;
- overflow:hidden;
- position:absolute;
- width:350px;
- margin-top: 2px;
- !margin-top: -6px;
- !margin-left: -2px;
-}
-.rich-colorPicker-ext{
- position: relative;
- background-color: #ECF4FE;
- border: 1px solid #BED6F8;
- height: 170px;
- padding: 0px;
- margin: 0px;
-}
-
-.rich-colorPicker-color {
- background:#FF0000 none repeat scroll 0 0;
- cursor:crosshair;
- left:7px;
- top:7px;
- position:absolute;
- overflow:hidden;
- height:150px;
- width:150px;
- border: 1px solid #BED6F8;
-}
-
-.rich-colorPicker-color div {
- background:transparent url(images/colorpicker_overlay.png) repeat scroll 0 0;
- left:0;
- position:absolute;
- top:0;
- height:150px;
- width:150px;
-}
-
-.rich-colorPicker-color div div {
- background:transparent url(images/colorpicker_select.gif) repeat scroll 0 0;
- left:0;
- top:0;
- position:absolute;
- margin:-6px 0 0 -6px;
- overflow:hidden;
- width:11px;
- height:11px;
-}
-
-.rich-colorPicker-rainbow{
- cursor:n-resize;
- height:150px;
- left:160px;
- position:absolute;
- top:7px;
- width:35px;
- text-align: center;
-}
-.rich-colorPicker-rainbow div{
- background:transparent url(images/rangearrows.gif) no-repeat scroll left top;
- height:9px;
- left:1px;
- margin:-4px 0 0;
- overflow:hidden;
- position:absolute;
- width:35px;
-}
-
-.rich-colorPicker-new-color, .rich-colorPicker-current-color{
- position:absolute;
- top:7px;
- width: 60px;
- height: 30px;
- border: 1px solid #BED6F8;
-}
-
-.rich-colorPicker-current-color{
- right:7px;
- top:7px;
-}
-
-.rich-colorPicker-new-color{
- left:198px;
-}
-.rich-colorPicker-hex-wrapper {
- height:22px;
- left:202px;
- position:absolute;
- top:119px;
-}
-
-.rich-colorPicker-rgb-wrapper{
- left:184px;
- position:absolute;
- top:55px;
- width:70px;
- padding: 0px;
- text-align: right;
- margin-bottom: 2px
-}
-
-.rich-colorPicker-hsb-wrapper{
- right:7px;
- position:absolute;
- top:55px;
- width:70px;
- padding: 0px;
- text-align: right;
- margin-bottom: 2px
-}
-.rich-colorPicker-hsb-h, .rich-colorPicker-rgb-r{
- top:45px;
-}
-.rich-colorPicker-hsb-s, .rich-colorPicker-rgb-g{
- top:70px;
-}
-.rich-colorPicker-hsb-b, .rich-colorPicker-rgb-b{
- top:95px;
-}
-
-
-.rich-colorPicker-rgb-wrapper label {
- padding-top: 2px;
- font-size: 16px;
-}
-
-.rich-colorPicker-rgb-wrapper input, .rich-colorPicker-hex-wrapper input,
.rich-colorPicker-hsb-wrapper input{
- width: 35px;
- background-color: #fff;
- border: 1px solid #BED6F8;
- color: #000;
- font-family: Arial,Verdana,sans-serif;
- font-size: 16px;
-}
-
-.rich-colorPicker-hex-wrapper input{
- width:60px;
- font-size: 13px;
-}
-
-.rich-colorPicker-submit, .rich-colorPicker-cancel{
- position:absolute;
-right:75px;
-top:144px;
- border: 1px solid #BED6F8;
-}
-.rich-colorPicker-cancel{
-right:7px;
-}
-.rich-colorPicker-span input{
- border: 1px solid #BED6F8;
- font-size: 12px;
- width:130px;
- vertical-align:middle;
-}
-.rich-colorPicker-icon {
- display:inline;
- cursor:pointer;
- height:16px;
- width:16px;
- vertical-align:middle;
- border: 1px solid #BED6F8;
-}
-
-</style>
-
</head>
<body>
<f:view>
<h:form>
- <colorPicker:colorPicker value="#{bean.color}"
flat="false" initColor="#f0f0f0"/>
+ <colorPicker:colorPicker value="#{bean.color}"
flat="false" initColor="#cccccc" showEvent="onclick"/>
<h:commandButton value="Submit" />
</h:form>
</f:view>