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

From Eclipsepedia

< E4‎ | CSS
Jump to: navigation, search
Line 9: Line 9:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td>setBackground(Color)</td>
 
<td>setBackground(Color)</td>
 
<td>background-color</td>
 
<td>background-color</td>
Line 15: Line 15:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td>setBackgroundImage(Image)</td>
 
<td>setBackgroundImage(Image)</td>
 
<td>background-image</td>
 
<td>background-image</td>
Line 21: Line 21:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td></td>
 
<td></td>
 
<td>border-color</td>
 
<td>border-color</td>
Line 27: Line 27:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control<td>
 
<td></td>
 
<td></td>
 
<td>border-width</td>
 
<td>border-width</td>
Line 33: Line 33:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td></td>
 
<td></td>
 
<td>border-style</td>
 
<td>border-style</td>
Line 39: Line 39:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td>setCurosr(Cursor)</td>
 
<td>setCurosr(Cursor)</td>
 
<td>cursor</td>
 
<td>cursor</td>
Line 45: Line 45:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td>setFont(Font)</td>
 
<td>setFont(Font)</td>
 
<td>font-style<br>
 
<td>font-style<br>
Line 57: Line 57:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td>setForeground(Color)</td>
 
<td>setForeground(Color)</td>
 
<td>color</td>
 
<td>color</td>
Line 149: Line 149:
 
</tr>
 
</tr>
 
<tr>
 
<tr>
<td>any control</td>
+
<td>Control</td>
 
<td>:focus</td>
 
<td>:focus</td>
 
<td>CTabFolder:focus { background-color: ##FF0000; }
 
<td>CTabFolder:focus { background-color: ##FF0000; }
 
</tr>
 
</tr>
 
</table>
 
</table>

Revision as of 10:23, 6 March 2009

How to style SWT widgets using CSS

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

font-size
font-weight

font-family
Label { font-style: italic;

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

          font-family: "Terminal"; }
Control setForeground(Color) color Button { color: #FF0000 }
CTabFolder setBorderVisible(Boolean) border-visible CTabFolder { border-visible: true }
CTabFolder setMaximized(Boolean) maximized CTabFolder { maximized: true }
CTabFolder setMinimized(Boolean) minimized CTabFolder { minimized: true }
CTabFolder setMaximizeVisible(Boolean) maximize-visible CTabFolder { maximize-visible: true }
CTabFolder setMinimizeVisible(Boolean) minimize-visible CTabFolder { minimize-visible: true }
CTabFolder setMRUVisible(Boolean) mru-visible CTabFolder { mru-visible: true }
CTabFolder setShowClose(Boolean) show-close CTabFolder { show-close: true }
CTabFolder setSimple(Boolean) simple CTabFolder { simple: true }
CTabFolder setSingle(Boolean) single CTabFolder { single: true }
CTabFolder setUnselectedCloseVisible(Boolean) unselected-close-visible CTabFolder { unselected-close-visible: true }
CTabFolder setUnselectedImageVisible(Boolean) unselected-image-visible 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; }
Control :focus CTabFolder:focus { background-color: ##FF0000; }