UI Style Sheet Reference

Here is the syntax of the UI style sheet used by the function UiSetStyleSheet of the API.

With this style sheet, the application can easily define a new appearance for the component.

The style sheet affects the following interface elements:

The headerPanel : the top panel displaying the project title,
The themesPanel : the left panel displaying the thematic views,
The navigationPanel : the bottom panel with navigation buttons,
The globalviewPanel : the floating panel displaying project global view (map),
The infoBalloon: the floating panel dedicated to infoBallon display,
The progressPanel: the panel displaying loading progress.

The syle sheet can be provided partially. Default values are kept for all settings which are not defined.

headerPanel

The header panel is the top border dedicated to display the project title when it's defined. Header panel can be disabled in order to to manage the title display outside of the component.

The header panel in visible only if a title is defined in the project.

headerPanel{
enabled: bool
backgroundColor: string         //the background color is used if no backgroundPixmap is defined
backgroundPixmap: string     //the background pixmap is spread on the whole header (use an empty string to disable it)
textColor: string
  font{
   family: string
   size: double
   bold: bool
   italic: bool
}
}

themesPanel

The themes panel manages the thematic views defined in the loaded project. The themes panel can be disabled in order to manage the thematic views outside of the component.

The themes panel style is defined separately for root items (first level groups) and others items.

themesPanel
{
enabled: bool
align: string                                     //"left" or "right" changes the panel alignment (default to left)
rootIconEnabled: bool
alwaysDisplayInfoButton: bool        //force the display of the "i" button if a legend is defined on items
closeEnabled: bool                         //if false, the user cannot close the themes panel
splitterColor: string                         //color of the main vertical splitter
shownPixmap: string                      //pixmap used for layer visibility control (on)
hiddenPixmap: string                     //pixmap used for layer visibility control (off)
infoPixmap: string                          //pixmap used for layer legend button
rootStyle{
  openPixmap: string                      //pixmap used for open group control (opened)
  closedPixmap: string                    //pixmap used for open group control (closed)
  backgroundColor: string               //the background color is used if no backgroundPixmap is defined
  backgroundPixmap: string           //the background pixmap is spread on the root header (use an empty string to disable it)
  textColor: string
  highlightColor: string
  highlightedTextColor: string
  separatorColor: string                   //color of horizontal splitters
  font{
   family: string
   size: double
   bold: bool
   italic: bool
  }
}
itemStyle{
  backgroundColor: string
  textColor: string
  highlightColor: string
  highlightedTextColor: string
  separatorColor: string                 //color of horizontal separator between items, use backGroundColor to hide them
  font{
   family: string
   size: double
   bold: bool
   italic: bool
  }
}
}

navigationPanel

The navigation panel is the main bottom panel that offers navigation interface.

The navigation panel can be totally disabled in order to manage the navigation interface outside of the component.

Most of buttons can be disabled for a simple customization.

navigationPanel{
enabled: bool
borderEnabled: bool                     //allows to disable the frame border
backgroundColor: string               //the background color is used if no backgroundPixmap is defined
backgroundPixmap: string           //the background pixmap is spread on the whole panel (use an empty string to disable it)
searchButtonEnabled: false
settingsButtonEnabled: bool
themesButtonEnabled: bool
helpButtonEnabled: bool
flyButtonEnabled: bool
refreshButtonEnabled: bool
leftLogoPixmap: string              //allows to quickly insert a logo on the left side of the navigation panel
rightLogoPixmap: string           //allows to quickly insert a logo on the right side of the navigation panel
helpSrc: string                          //changes the url of the help accessed from the help button
}

globalViewPanel

The globalView panel is the floating panel displaying the map when it's defined in the project.

globalViewPanel{
enabled: bool //if disabled, the map is never displayed
hideEnabled: bool //if disabled, the map cannot be hidden by the user
hideButtonPixmap: string
showButtonPixmap: string
borderColor: string
}

infoBalloon

The infoBalloon is the popup windows which displays SpacEyes3D info balloons.

infoBalloon{
backgroundColor: string
closeButtonPixmap: string
textColor: string
font{
   family: string
   size: double
   bold: bool
   italic: bool
}
}

progressPanel

The progressPanel is the panel which displays project loading progress.

progressPanel{
enabled: bool
pixmap: string
}