CODEWITHSUNDEEP
eclipseeclipse-scout
F. Mashozhera
F. Mashozhera

Reputation: 1

customise eclipse scout application look and feel

I am new to eclipse scout. My question is how do i customise the default application look and feel for an eclipse scout application. I want to be able to change the button colors and replace the default icons with my own. I was able to change some of the colors using the application.css file but i did not archieve much. Also, is there a way of getting the ids, or class names for the various components in the resulting web pages so that i can be more granular in styling them.

Thanks in advance.

Upvotes: 0

Views: 286

Answers (2)

Patrick
Patrick

Reputation: 4870

How you can style an Eclipse Scout application depends on which front-end you use: RAP, Swing or SWT.

Swing

  • You can use the Scout Swing Spy to determine the class name of a component in your UI when you have it selected.
  • If you use the Rayo look and feel, you can use implement the interface ILookAndFeelConfigurator and register it for the extension point org.eclipse.scout.rt.ui.swing.lafconfigurator to change the theming by providing a custom XML. The Rayo concept wiki article explains this in more details.
  • If you do not use the Rayo LaF...

RAP

  • The default RAP theme is modelled after the Rayo theme mentioned above.
  • Changing it involves creating your own theme bundle and create the appropriate CSS file there. Given that it is a RAP theme, you'll have to refer to the RAP RWT Theming guide. See the Scout forum thread "Scout Web App + CSS".
  • For reference, this is the Rayo CSS file of the Eclipse Scout 5.0 in the eclipse scout git repository (org.eclipse.scout.rt.ui.rap.theme.rayo)

SWT

  • Given that the SWT UI is designed to be portable and uses the widgets provided by the operating system, the amount of customization is more limited.
  • You can use the extension point org.eclipse.scout.rt.ui.swt.lookAndFeel to adjust some values of the look and feel (see schema file). See also the Scout thread "Modifying SWT look and feel for disabled elements"

Upvotes: 1

RichFounders
RichFounders

Reputation: 169

you can make your own button and you own icon by use photoshop first bro then copy the file into res/drawable of your application project

Upvotes: 0

Related Questions