Difference between revisions of "E4/CSS/SWT Mapping"

From Eclipsepedia

< E4‎ | CSS
Jump to: navigation, search
Line 65: Line 65:
 
<td>CTabFolder</td>
 
<td>CTabFolder</td>
 
<td>setBorderVisible(Boolean)</td>
 
<td>setBorderVisible(Boolean)</td>
<td>borderVisible</td>
+
<td>border-visible</td>
 
<td>CTabFolder { borderVisible: true }</td>
 
<td>CTabFolder { borderVisible: true }</td>
 
</tr>
 
</tr>
Line 83: Line 83:
 
<td>CTabFolder</td>
 
<td>CTabFolder</td>
 
<td>setMaximizeVisible(Boolean)</td>
 
<td>setMaximizeVisible(Boolean)</td>
<td>maximizeVisible</td>
+
<td>maximize-visible</td>
 
<td>CTabFolder { maximizeVisible: true }</td>
 
<td>CTabFolder { maximizeVisible: true }</td>
 
</tr>
 
</tr>
Line 89: Line 89:
 
<td>CTabFolder</td>
 
<td>CTabFolder</td>
 
<td>setMinimizeVisible(Boolean)</td>
 
<td>setMinimizeVisible(Boolean)</td>
<td>minimizeVisible</td>
+
<td>minimize-visible</td>
 
<td>CTabFolder { minimizeVisible: true }</td>
 
<td>CTabFolder { minimizeVisible: true }</td>
 
</tr>
 
</tr>
Line 96: Line 96:
 
<td>setMRUVisible(Boolean)</td>
 
<td>setMRUVisible(Boolean)</td>
 
<td>mruVisible</td>
 
<td>mruVisible</td>
<td>CTabFolder { mruVisible: true }</td>
+
<td>CTabFolder { mru-visible: true }</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
Line 102: Line 102:
 
<td>setShowClose(Boolean)</td>
 
<td>setShowClose(Boolean)</td>
 
<td>showClose</td>
 
<td>showClose</td>
<td>CTabFolder { showClose: true }</td>
+
<td>CTabFolder { show-close: true }</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
Line 120: Line 120:
 
<td>setUnselectedCloseVisible(Boolean)</td>
 
<td>setUnselectedCloseVisible(Boolean)</td>
 
<td>unselectedCloseVisible</td>
 
<td>unselectedCloseVisible</td>
<td>CTabFolder { unselectedCloseVisible: true }</td>
+
<td>CTabFolder { unselected-close-visible: true }</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
Line 126: Line 126:
 
<td>setUnselectedImageVisible(Boolean)</td>
 
<td>setUnselectedImageVisible(Boolean)</td>
 
<td>unselectedImageVisible</td>
 
<td>unselectedImageVisible</td>
<td>CTabFolder { unselectedImageVisible: true }</td>
+
<td>CTabFolder { unselected-image-visible: true }</td>
 
</tr>
 
</tr>
 
</table>
 
</table>

Revision as of 11:37, 3 March 2009

How to style SWT widgets using CSS

SWT Widgets SWT Method CSS Property Name CSS Example
any control setBackground(Color) background-color Button { background-color: #FF0000 }
any control setBackgroundImage(Image) background-image Button { background-image: some url }
any control border-color Button { border-color: ##FF0000; }
any control border-width Button { border-width: 3 }
any control border-style Button { border-style: dotted }
any control setCurosr(Cursor) cursor Shell { cursor:crosshair }
any control setFont(Font) font-style

font-size
font-weight

font-family
Label { font-style: italic;

          font-size: 12;
          font-weight: bold;

          font-family: "Terminal"; }
any control setForeground(Color) color Button { color: #FF0000 }
CTabFolder setBorderVisible(Boolean) border-visible CTabFolder { borderVisible: true }
CTabFolder setMaximized(Boolean) maximized CTabFolder { maximized: true }
CTabFolder setMinimized(Boolean) minimized CTabFolder { minimized: true }
CTabFolder setMaximizeVisible(Boolean) maximize-visible CTabFolder { maximizeVisible: true }
CTabFolder setMinimizeVisible(Boolean) minimize-visible CTabFolder { minimizeVisible: true }
CTabFolder setMRUVisible(Boolean) mruVisible CTabFolder { mru-visible: true }
CTabFolder setShowClose(Boolean) showClose CTabFolder { show-close: true }
CTabFolder setSimple(Boolean) simple CTabFolder { simple: true }
CTabFolder setSingle(Boolean) single CTabFolder { single: true }
CTabFolder setUnselectedCloseVisible(Boolean) unselectedCloseVisible CTabFolder { unselected-close-visible: true }
CTabFolder setUnselectedImageVisible(Boolean) unselectedImageVisible CTabFolder { unselected-image-visible: true }





Pseudo classes which can be used in CSS to style SWT widgets

SWT Widgets CSS Pseudo Selector CSS Example
CTabFolder :selected CTabFolder:selected { background-color: ##FF0000; }
Shell :active Shell:active { background-color: ##FF0000; }
any control :focus CTabFolder:focus { background-color: ##FF0000; }