Nebula CSS Grid

< Back to Nebula Main Page

Introduction

This page explains how to use the CSS theming for the Grid widget.

Installation

In you e4 application you can install :

• The plugin org.eclipse.nebula.widgets.grid.css OR
• The feature org.eclipse.nebula.widgets.grid.css.feature

Properties

General Properties

These properties allow the developer to customize the grid displayed in the background.

SWT Method	Impact	CSS Property Name	CSS Example
setGridSquareSize(int size)	Set the size of the square (in pixels)	grid-square-size	Oscilloscope { grid-square-size: 30px; }
setGridLineWidth(int gridLineWidth)	Set the line width of the square (in pixels)	grid-line-width	Oscilloscope { grid-line-width: 5px; }
setGridBackground(Color gridBackground)	Set color of the background	grid-background-color	Oscilloscope { grid-background-color: #808080; }
setGridForeground(Color gridBackground)	Set color of the grid	grid-color	Oscilloscope { grid-color: darkred; }

Columns properties

SWT Method	Impact	CSS Property Name	CSS Example
setForeground(int channel, Color color)	Set color of the graph	channel-color-n	Oscilloscope { channel-color-0: #FF6A00; }
setActiveForegoundColor(Color color)	Set color of the graph when active	channel-active-color-n	Oscilloscope { channel-active-color-0: blue; }
setInactiveForegoundColor(Color color)	Set color of the graph when not active	channel-inactive-color-n	Oscilloscope { channel-inactive-color-0: darkred; }

Examples

An e4 example application called org.eclipse.nebula.widgets.grid.example.e4 shows how to customize the Grid widget.

This example is also available here : org.eclipse.nebula.widgets.grid.example.e4