Version 11.10.0

Updated the demo

Signed-off-by: PAlex404 <alessandro.parisi406@gmail.com>

README.md

@@ -101,7 +101,7 @@ repositories {
 }
 
 dependencies {
-implementation 'io.github.palexdev:materialfx:11.9.0'
+implementation 'io.github.palexdev:materialfx:11.10.0'
 }
 ```
 
@@ -111,7 +111,7 @@ implementation 'io.github.palexdev:materialfx:11.9.0'
 <dependency>
   <groupId>io.github.palexdev</groupId>
   <artifactId>materialfx</artifactId>
-  <version>11.9.0</version>
+  <version>11.10.0</version>
 </dependency>
 ```
 

build.gradle

@@ -4,7 +4,7 @@ plugins {
 }
 
 group 'io.github.palexdev'
-version '11.9.0'
+version '11.10.0'
 
 repositories {
     mavenCentral()

demo/src/main/java/io/github/palexdev/materialfx/demo/controllers/ListViewDemoController.java

@@ -1,9 +1,6 @@
 package io.github.palexdev.materialfx.demo.controllers;
 
-import io.github.palexdev.materialfx.controls.MFXButton;
-import io.github.palexdev.materialfx.controls.MFXFlowlessListView;
-import io.github.palexdev.materialfx.controls.MFXLabel;
-import io.github.palexdev.materialfx.controls.MFXListView;
+import io.github.palexdev.materialfx.controls.*;
 import io.github.palexdev.materialfx.effects.DepthLevel;
 import io.github.palexdev.materialfx.utils.ColorUtils;
 import javafx.beans.property.ObjectProperty;
@@ -60,6 +57,9 @@ public class ListViewDemoController implements Initializable {
     @FXML
     private MFXFlowlessListView<HBox> hBoxViewNew;
 
+    @FXML
+    private MFXFlowlessCheckListView<String> checkList;
+
     @FXML
     private MFXFlowlessListView<String> cssViewNew;
 
@@ -103,6 +103,7 @@ public class ListViewDemoController implements Initializable {
         stringViewNew.setItems(stringList);
         labelViewNew.setItems(labelsListNew);
         hBoxViewNew.setItems(hBoxesListNew);
+        checkList.setItems(stringList);
         cssViewNew.setItems(stringList);
 
         switchButton.addEventHandler(MouseEvent.MOUSE_PRESSED, event -> updateState());

demo/src/main/resources/io/github/palexdev/materialfx/demo/css/listviews_demo.css

@@ -12,7 +12,7 @@
 }
 
 #customView .mfx-list-cell .ripple-generator {
-    -mfx-ripple-color: derive(red, 10%);
+    -mfx-ripple-color: #f55c49;
 }
 
 #customViewNew {
@@ -34,7 +34,7 @@
 }
 
 #customViewNew .mfx-list-cell .ripple-generator {
-    -mfx-ripple-color: derive(red, 10%);
+    -mfx-ripple-color: #f55c49;
 }
 
 #label {

demo/src/main/resources/io/github/palexdev/materialfx/demo/demo.fxml

@@ -4,7 +4,7 @@
 <?import io.github.palexdev.materialfx.controls.MFXVLoader?>
 <?import javafx.geometry.*?>
 <?import javafx.scene.layout.*?>
-<StackPane id="demoPane" fx:id="demoPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="550.0" prefWidth="768.0" stylesheets="@css/demo.css" xmlns="http://javafx.com/javafx/15.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="io.github.palexdev.materialfx.demo.controllers.DemoController">
+<StackPane id="demoPane" fx:id="demoPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="550.0" prefWidth="960.0" stylesheets="@css/demo.css" xmlns="http://javafx.com/javafx/15.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="io.github.palexdev.materialfx.demo.controllers.DemoController">
    <StackPane id="contentPane" fx:id="contentPane" prefHeight="500.0" prefWidth="441.0">
       <StackPane.margin>
          <Insets bottom="15.0" left="20.0" right="20.0" top="15.0" />

demo/src/main/resources/io/github/palexdev/materialfx/demo/listviews_demo.fxml

@@ -4,7 +4,7 @@
 <?import javafx.geometry.*?>
 <?import javafx.scene.control.*?>
 <?import javafx.scene.layout.*?>
-<StackPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="730.0" stylesheets="@css/listviews_demo.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="io.github.palexdev.materialfx.demo.controllers.ListViewDemoController">
+<StackPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="920.0" stylesheets="@css/listviews_demo.css" xmlns="http://javafx.com/javafx/15.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="io.github.palexdev.materialfx.demo.controllers.ListViewDemoController">
     <padding>
         <Insets left="20.0" right="20.0" />
     </padding>
@@ -50,6 +50,11 @@
             <Label id="label" alignment="CENTER" prefHeight="25.0" prefWidth="110.0" text="HBoxes" />
             <MFXFlowlessListView fx:id="hBoxViewNew" />
         </VBox>
+        <VBox alignment="TOP_CENTER" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="250.0" prefWidth="135.0"
+              spacing="10.0">
+            <Label id="label" alignment="CENTER" prefHeight="25.0" prefWidth="125.0" text="CheckListView"/>
+            <MFXFlowlessCheckListView fx:id="checkList"/>
+        </VBox>
         <VBox alignment="TOP_CENTER" maxHeight="-Infinity" maxWidth="-Infinity" prefHeight="250.0" prefWidth="135.0" spacing="10.0">
             <Label id="label" alignment="CENTER" prefHeight="25.0" prefWidth="125.0" text="Customized and CSS" />
             <MFXFlowlessListView id="customViewNew" fx:id="cssViewNew" />

materialfx/gradle.properties

@@ -1,6 +1,6 @@
 GROUP=io.github.palexdev
 POM_ARTIFACT_ID=materialfx
-VERSION_NAME=11.9.0
+VERSION_NAME=11.10.0
 
 POM_NAME=materialfx
 POM_DESCRIPTION=Material Desgin components for JavaFX

materialfx/src/main/resources/io/github/palexdev/materialfx/css/mfx-flowless-check-listcell.css

@@ -23,21 +23,17 @@
 }
 
 .mfx-check-list-cell:hover {
-    -fx-background-color: rgb(222, 255, 214);
-    -fx-border-color: rgb(222, 255, 214);
-}
-
-.mfx-check-list-cell:selected {
-    -fx-background-color: rgb(173, 255, 153);
-    -fx-border-color: rgb(173, 255, 153);
+    -fx-background-color: #F5F5F5;
+    -fx-border-color: #F5F5F5;
 }
 
+.mfx-check-list-cell:selected,
 .mfx-check-list-cell:checked {
-    -fx-background-color: rgb(173, 255, 153);
-    -fx-border-color: rgb(173, 255, 153);
+    -fx-background-color: #E1E1E1;
+    -fx-border-color: #E1E1E1;
 }
 
 .mfx-check-list-cell .ripple-generator {
-    -mfx-ripple-color: rgb(141, 255, 112);
+    -mfx-ripple-color: #C8C8C8;
 }
 

materialfx/src/main/resources/io/github/palexdev/materialfx/css/mfx-flowless-check-listview.css

@@ -20,8 +20,6 @@
     -mfx-track-color: rgb(230, 230, 230);
     -mfx-thumb-color: rgb(137, 137, 137);
     -mfx-thumb-hover-color: rgb(89, 88, 91);
-
-    -fx-background-color: white;
 }
 
 .mfx-check-list-view .virtual-flow {

materialfx/src/main/resources/io/github/palexdev/materialfx/css/mfx-flowless-listcell.css

@@ -23,15 +23,15 @@
 }
 
 .mfx-list-cell:hover {
-    -fx-background-color: rgb(222, 255, 214);
-    -fx-border-color: rgb(222, 255, 214);
+    -fx-background-color: #F5F5F5;
+    -fx-border-color: #F5F5F5;
 }
 
 .mfx-list-cell:selected {
-    -fx-background-color: rgb(173, 255, 153);
-    -fx-border-color: rgb(173, 255, 153);
+    -fx-background-color: #E1E1E1;
+    -fx-border-color: #E1E1E1;
 }
 
 .mfx-list-cell .ripple-generator {
-    -mfx-ripple-color: rgb(141, 255, 112);
+    -mfx-ripple-color: #C8C8C8;
 }