update style of controls vbox

Author: tschie

src/main/java/com/esri/samples/featurelayers/statistical_query/StatisticalQuerySample.java

@@ -29,8 +29,12 @@
 import javafx.scene.control.Alert;
 import javafx.scene.control.Button;
 import javafx.scene.control.CheckBox;
+import javafx.scene.layout.Background;
+import javafx.scene.layout.BackgroundFill;
+import javafx.scene.layout.CornerRadii;
 import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
+import javafx.scene.paint.Paint;
 import javafx.stage.Stage;
 
 import com.esri.arcgisruntime.concurrent.ListenableFuture;
@@ -129,19 +133,22 @@ public void start(Stage stage) {
       });
 
       // layout the controls
-      VBox controlsBox = new VBox(6);
-      controlsBox.setAlignment(Pos.CENTER);
-      controlsBox.setMaxSize(220, Double.MIN_VALUE);
-      controlsBox.getStyleClass().add("panel-region");
+      VBox controlsVBox = new VBox(6);
+      controlsVBox.setBackground(new Background(new BackgroundFill(Paint.valueOf("rgba(0,0,0,0.3)"), CornerRadii.EMPTY,
+          Insets.EMPTY)));
+      controlsVBox.setPadding(new Insets(10.0));
+      controlsVBox.setAlignment(Pos.CENTER);
+      controlsVBox.setMaxSize(220, Double.MIN_VALUE);
+      controlsVBox.getStyleClass().add("panel-region");
       currentExtentFilterToggle.setMaxWidth(Double.MAX_VALUE);
       populationFilterToggle.setMaxWidth(Double.MAX_VALUE);
       queryButton.setMaxWidth(Double.MAX_VALUE);
-      controlsBox.getChildren().addAll(currentExtentFilterToggle, populationFilterToggle, queryButton);
+      controlsVBox.getChildren().addAll(currentExtentFilterToggle, populationFilterToggle, queryButton);
 
       // add the map view and control panel to stack pane
-      stackPane.getChildren().addAll(mapView, controlsBox);
-      StackPane.setAlignment(controlsBox, Pos.TOP_LEFT);
-      StackPane.setMargin(controlsBox, new Insets(10, 0, 0, 10));
+      stackPane.getChildren().addAll(mapView, controlsVBox);
+      StackPane.setAlignment(controlsVBox, Pos.TOP_LEFT);
+      StackPane.setMargin(controlsVBox, new Insets(10, 0, 0, 10));
 
     } catch (Exception e) {
       // on any error, display the stack trace

src/main/java/com/esri/samples/geometry/list_transformations_by_suitability/ListTransformationsBySuitabilitySample.java

@@ -27,8 +27,12 @@
 import javafx.scene.control.CheckBox;
 import javafx.scene.control.ListCell;
 import javafx.scene.control.ListView;
+import javafx.scene.layout.Background;
+import javafx.scene.layout.BackgroundFill;
+import javafx.scene.layout.CornerRadii;
 import javafx.scene.layout.StackPane;
 import javafx.scene.layout.VBox;
+import javafx.scene.paint.Paint;
 import javafx.stage.Stage;
 
 import com.esri.arcgisruntime.geometry.DatumTransformation;
@@ -137,15 +141,18 @@ protected void updateItem(DatumTransformation transformation, boolean bln) {
       });
 
       // add the controls to the view
-      VBox vBox = new VBox(6);
-      vBox.setMaxSize(300, 500);
-      vBox.getStyleClass().add("panel-region");
-      vBox.getChildren().addAll(suitabilityCheckBox, transformationsListView, transformButton);
+      VBox controlsVBox = new VBox(6);
+      controlsVBox.setBackground(new Background(new BackgroundFill(Paint.valueOf("rgba(0,0,0,0.3)"), CornerRadii.EMPTY,
+          Insets.EMPTY)));
+      controlsVBox.setPadding(new Insets(10.0));
+      controlsVBox.setMaxSize(300, 500);
+      controlsVBox.getStyleClass().add("panel-region");
+      controlsVBox.getChildren().addAll(suitabilityCheckBox, transformationsListView, transformButton);
 
       // add the map view to stack pane
-      stackPane.getChildren().addAll(mapView, vBox);
-      StackPane.setAlignment(vBox, Pos.TOP_LEFT);
-      StackPane.setMargin(vBox, new Insets(10, 0, 0, 10));
+      stackPane.getChildren().addAll(mapView, controlsVBox);
+      StackPane.setAlignment(controlsVBox, Pos.TOP_LEFT);
+      StackPane.setMargin(controlsVBox, new Insets(10, 0, 0, 10));
     } catch (Exception e) {
       // on any error, display the stack trace.
       e.printStackTrace();