Cube GUI User Guide  (CubeGUI 4.8.2, revision 7895e762)
Introduction in Cube GUI and its usage
Customization with Qt Stylesheets

Style Sheet Editor

Qt Style Sheets allow the user to customize the appearance of widgets. Qt Style Sheets are similar to HTML Cascading Style Sheets (CSS) but adapted to widgets. To define style sheets, open the Editor with Display => Customize style sheet.

cube-style.png
"style": start style sheet editor

The following example customizes the appearance of the three tree views. The tree items are drawn in black, selected tree items in red. The background color of the tree items is set to lightgray, the background color of selected items to green. To draw the tree items, the font family "Bitstream Charter" with 10 point size is used.

QTreeView {
      color: black;
      background-color: lightgray;
      selection-color:red;
      selection-background-color:lightgreen;
      font-family: Bitstream Charter;
      font-size: 10pt
    }
    

For further information, refer to the Qt style sheet reference:


Cube Writer Library    Copyright © 1998–2022 Forschungszentrum Jülich GmbH, Jülich Supercomputing Centre
Copyright © 2009–2015 German Research School for Simulation Sciences GmbH, Laboratory for Parallel Programming