Update TSlider, and make it looks nicer by default.

5 files changed, 95 insertions, 55 deletions

diff --git a/framework/Web/UI/WebControls/assets/TSlider.css b/framework/Web/UI/WebControls/assets/TSlider.css
deleted file mode 100755
index 3b068c2f..00000000
--- a/framework/Web/UI/WebControls/assets/TSlider.css
+++ /dev/null
@@ -1,55 +0,0 @@
-/* Css class for an Horizontal Slider */
-.hslider

-{

-	background-color: rgb(170,170,170);

-	width: 200px;

-	height: 5px;

-}

-
-/* Css class for a Vertical Slider */

-.vslider

-{

-	background-color: rgb(170,170,170);

-	width: 5px;

-	height: 200px;

-}

-
-/* Css class for a block cursor as handle */

-.handle

-{

-	background-color: red;

-	cursor: move;

-}

-
-/* Dimensions of cursor depend on Direction */

-.hslider .handle

-{

-	width: 5px;

-	height: 10px;

-}

-

-.vslider .handle

-{

-	width: 10px;

-	height: 5px;

-}

-
-/* Css class for an image as handle */

-.handle-image

-{

-	width: 14px;

-	height: 15px;

-	cursor: move;
-	background: url("TSliderHandle.png") no-repeat;

-}

-
-/* Center the image on the track */

-.hslider .handle-image

-{

-	top: -5px;

-}

-

-.vslider .handle-image

-{

-	left: -5px;

-}
\ No newline at end of file
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSlider.css b/framework/Web/UI/WebControls/assets/TSlider/TSlider.css
new file mode 100755
index 00000000..c0364d91
--- /dev/null
+++ b/framework/Web/UI/WebControls/assets/TSlider/TSlider.css
@@ -0,0 +1,95 @@
+/* Base CSS Class for the slider */
+.Slider

+{

+	position: relative;

+	margin: 10px;

+	padding: 0;

+	background-color: Gainsboro;

+	border: 1px outset;

+}

+

+/* Class for horizontal slider */
+.HorizontalSlider
+{
+	width: 210px;

+	height: 14px;

+}
+

+/* Class for vertical slider */

+.VerticalSlider

+{

+	height: 210px;

+	width: 14px;

+}

+

+/* Class for Track */
+.Track

+{

+	border-style: inset;

+	outline-color: invert;

+	outline-style: none;

+	outline-width: 1px;

+	border-width: 1px;

+	position: absolute;

+	background-color: lightBlue;

+}

+

+/* Horizontal Track */
+.HorizontalSlider .Track 
+{	
+	
+	height: 3px;

+	top: 5px;
+	width: 200px;

+	left: 3px;
+}
+

+/* Vertical Track */

+.VerticalSlider .Track

+{

+	height: 200px;

+	width: 3px;

+	left: 5px;

+	top: 3px;

+}

+

+/* Class for the progress indicator */

+.Progress

+{

+	background-color: red;

+}

+

+/* Horizontal one, take 100% of track (parent) height*/

+.HorizontalSlider .Progress

+{

+	height: 100%;

+}

+

+/* Vertical progress indicator, take 100% of track width*/

+.VerticalSlider .Progress

+{

+	width: 100%

+}

+

+/* Class for handle */

+.Handle {

+	border: 0px none;

+	position: relative;

+	cursor: move;

+}

+

+/* Horizontal slider handle */
+.HorizontalSlider .Handle
+{
+	width: 31px;
+	height: 14px;
+	background: transparent url("TSliderHandleHorizontal.png") no-repeat scroll center;
+}

+

+/* Vertical slider handle */

+.VerticalSlider .Handle

+{

+	width: 14px;

+	height: 31px;

+	background: transparent url("TSliderHandleVertical.png") no-repeat scroll center;

+}
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png
new file mode 100644
index 00000000..d9dc7ff9
--- /dev/null
+++ b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png
new file mode 100644
index 00000000..00532fbe
--- /dev/null
+++ b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png
diff --git a/framework/Web/UI/WebControls/assets/TSliderHandle.png b/framework/Web/UI/WebControls/assets/TSliderHandle.png
deleted file mode 100644
index 47d02e88..00000000
--- a/framework/Web/UI/WebControls/assets/TSliderHandle.png
+++ /dev/null