Notice: this Wiki will be going read only early in 2024 and edits will no longer be 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 1: | Line 1: | ||
| − | + | Many SWT property setting methods can be accessed via CSS. These tables show the equivalent mapping from SWT method to CSS property. They also show pseudo selectors which can be used to choose styling based on widget state. | |
| − | + | ==Mapping of SWT method to CSS property== | |
| − | + | ===Widget: Control=== | |
<table cellpadding="5" border="1"> | <table cellpadding="5" border="1"> | ||
<tr> | <tr> | ||
| Line 55: | Line 55: | ||
</tr> | </tr> | ||
</table> | </table> | ||
| − | + | <br> | |
| − | + | ===Widget: CTabFolder=== | |
<table cellpadding="5" border="1"> | <table cellpadding="5" border="1"> | ||
<tr> | <tr> | ||
| Line 119: | Line 119: | ||
</tr> | </tr> | ||
</table> | </table> | ||
| − | |||
| − | |||
<br> | <br> | ||
| + | ==Pseudo classes which can be used in CSS to style SWT widgets== | ||
<table cellpadding="5" border="1"> | <table cellpadding="5" border="1"> | ||
<tr> | <tr> | ||
Revision as of 12:58, 6 March 2009
Many SWT property setting methods can be accessed via CSS. These tables show the equivalent mapping from SWT method to CSS property. They also show pseudo selectors which can be used to choose styling based on widget state.
Contents
Mapping of SWT method to CSS property
Widget: Control
| SWT Method | CSS Property Name | CSS Example |
|---|---|---|
| setBackground(Color) | background-color | Button { background-color: #FF0000 } |
| setBackgroundImage(Image) | background-image | Button { background-image: some url } |
| border-color | Button { border-color: ##FF0000; } | |
| border-width | Button { border-width: 3 } | |
| border-style | Button { border-style: dotted } | |
| setCursor(Cursor) | cursor | Shell { cursor:crosshair } |
| setFont(Font) | font-style font-size |
Label { font-style: italic; font-size: 12; |
| setForeground(Color) | color | Button { color: #FF0000 } |
Widget: CTabFolder
| SWT Method | CSS Property Name | CSS Example |
|---|---|---|
| setBorderVisible(Boolean) | border-visible | CTabFolder { border-visible: true } |
| setMaximized(Boolean) | maximized | CTabFolder { maximized: true } |
| setMinimized(Boolean) | minimized | CTabFolder { minimized: true } |
| setMaximizeVisible(Boolean) | maximize-visible | CTabFolder { maximize-visible: true } |
| setMinimizeVisible(Boolean) | minimize-visible | CTabFolder { minimize-visible: true } |
| setMRUVisible(Boolean) | mru-visible | CTabFolder { mru-visible: true } |
| setShowClose(Boolean) | show-close | CTabFolder { show-close: true } |
| setSimple(Boolean) | simple | CTabFolder { simple: true } |
| setSingle(Boolean) | single | CTabFolder { single: true } |
| setUnselectedCloseVisible(Boolean) | unselected-close-visible | CTabFolder { unselected-close-visible: true } |
| 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 |
|---|---|---|
| Control | :focus | CTabFolder:focus { background-color: ##FF0000; } |
| Control | :visible | Shell:visible { background-color: ##FF0000; } |
| Control | :enabled | Text:enabled { background-color: ##FF0000; } |
| Control | :disabled | Text:disabled { background-color: ##FF0000; } |
| Shell | :active | Shell:active { background-color: ##FF0000; } |
| Button | :checked | Button:checked { background-color: ##FF0000; } |
| CTabFolder | :selected | CTabFolder:selected { background-color: ##FF0000; } |