Notice: This Wiki is now read only and edits are no longer possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.
Difference between revisions of "E4/CSS/SWT Mapping"
| Line 65: | Line 65: | ||
<td>CTabFolder</td> | <td>CTabFolder</td> | ||
<td>setBorderVisible(Boolean)</td> | <td>setBorderVisible(Boolean)</td> | ||
| − | <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> | + | <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> | + | <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 { | + | <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 { | + | <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 { | + | <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 { | + | <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 |
Label { font-style: italic; font-size: 12; |
| 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; } |