e4 CSS - Working Example
The e4 CSS work, which originated from the open source TK-UI project, is now mostly working. There’s still many methods left to fill in but the common things now work - fonts, colors, images on labels, buttons, text, dropdowns, and some CTabFolder support. The screen cap below shows an example adpated from the TK-UI code. It has the nice quality that changes in the style sheet, displayed in the middle, are immediately reflected in the example.
To give it a spin,
- Pick up the 3.4.1 Eclipse SDK (or later).
- Follow the instructions for bringing in from CVS the folder with the project set files.
- In the Package Explorer, select e4.ui.css.psf, popup the menu and select “Import Project Set…”
- Checkout org.eclipse.e4.ui.examples.css
- Select the class CSSEditorSWTWidgets.java and run it.
Play around!
- Try changing the style sheet displayed in the middle. For example, change the font sizes or font names.
- Try removing the background image for Text and set the text color to red (try “color: red;” or “color: #ff0000;”) and the background-color to yellow (try “background-color: yellow”).
- Try changing the CTabFolder’s font, font size, and color.
Posted January 8th, 2009 by Kevin McGuire in category: e4
You can skip to the end and leave a response. Pinging is currently not allowed.
Leave a Reply
You must be logged in using your Eclipse Bugzilla account to post a comment.
