Eclipse rap rich client Development Summary (7)-how to modify the rap Style

Source: Internet
Author: User
Note: Eclipse rap rich client Development Summary-a series of articles are transplanted from my iteye blog. Later will directly update the http://jlins.iteye.com/

1. Rap style principles

 

The RAP interface style is currently configured with CSS. After the program starts, it loads the corresponding CSS configuration file and then sets the style of the component, all the labels, buttons, composit, and other styles on the interface are first determined by CSS. therefore, you only need to select different CSS files to control the CSS style.

 

2. How to Select a style for rap

 

Plugin. XML-extension-create Org. eclipse. rap. UI. branding extension point-create branding on this extension point. you can select a style on branding. The corresponding option is themdid. Click Browse to select an existing style.

Currently, there are about two built-in rap styles, classis styles and default styles,

We recommend that you use the classis style, because the default style itself has many problems on the Interface display.

 

3. Modify the style that comes with rap.

 

If you think the style on the rap interface does not meet your requirements, you can create your own rap style as follows:

Create extension point: org. Eclipse. Rap. UI. Themes

Create theme on the extension point

Clicking theme will have an attribute file, which is used to select the corresponding style CSS file.

You can view the style names corresponding to each RAP component in the following way:

Find the org. Eclipse. Rap. rwt. theme. Classes plug-in (directly export the source code to the current project through the plug-in list)

You can see the classic.css file under the corresponding theme directory.

 

4. Release of rap styles

 

RAP should be released in the form of plug-ins by default, so that you can loose coupling.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.