How can the opacity for a TitledPane header label be set?

Question

A TitledPane is like a compound component that consists of a collapsible title control and a content component. Is it possible to set the background opacity of the title control and to set the background opacity of the content area itself? What I'm trying to achieve is the ability to make the background of both pars of the component transparent while keeping the foreground (text and content) completely opaque.
Any suggestions?
Cheers,
Jeff

Answer 1

Use css?
import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.TitledPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.StackPane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.stage.Stage;
import queryfx.Dump;
public class TitledPaneDump extends Application {
  public static void main(String[] args) { launch(args); }
  @Override public void start(Stage stage) throws Exception {
    final TitledPane titledPane = new TitledPane();
    titledPane.setText("Hide and Show");
    titledPane.setContent(new Circle(100, 100, 75, Color.GOLD));
    StackPane stack = new StackPane();
    ImageView hiddenSmurf = new ImageView(new Image("http://ewpopwatch.files.wordpress.com/2005/06/84822__smurfette_l.jpg"));
    stack.getChildren().addAll(hiddenSmurf, titledPane);
    final Scene scene = new Scene(stack, 200, 200);
    StackPane.setAlignment(titledPane, Pos.TOP_CENTER);
    stage.setScene(scene);
    stage.show();
    Node title = titledPane.lookup(".title");
    title.setStyle("-fx-background-color: rgb(0, 100, 0, 0.5)");
    Node content = titledPane.lookup(".content");
    content.setStyle("-fx-background-color: rgb(0, 100, 100, 0.5)");
}