RAP开发入门-主题更换

通过配置扩展点修改应用主题

ps:需要提前准备好主题(theme.css)文件

<!-- 注册主题扩展点 -->

<extension

point="org.eclipse.rap.ui.themes">

<theme

file="theme/fancy/fancy.css"

id="cn.sunline.lttsweb.application.theme"

name="Default theme">

</theme>

<theme

file="theme/business/business.css"

id="cn.sunline.lttsweb.application.theme.business"

name="Business theme">

</theme>

</extension>

<!-- 绑定主题扩展点 -->

<extension

point="org.eclipse.rap.ui.branding">

<branding

body="body.html"

favicon="icons/16-png.png"

id="cn.sunline.lttsweb.application.branding"

themeId="cn.sunline.lttsweb.application.theme.business"

title="一体化管理平台">

</branding>

</extension>

css定义控件效果语法

Button[PUSH], Button[TOGGLE] {
    border: 2px solid blue;
    color: rgb( 17, 23, 103 );
    background-color: #f9f9f9;
  }

  Button[PUSH]:hover, Button[TOGGLE]:hover {
    background-color: white;
  }

  

时间: 2024-10-18 02:31:04

RAP开发入门-主题更换的相关文章

RAP开发入门-运行过程简析(三)

今天通过标准的RAP程序来简单分析下RAP的启动过程 1.新建一个标准的rap plugin-in 项目: 得到的项目结构大概如下: run confi..->..add bundle(配置好bundle 运行结果如下): 全屏控制代码: /** * Configures the initial size and appearance of a workbench window. * 配置初始大小和显示workbench的窗口样式 * -看来以后的主题应该在这里设置了 */ public cla

RAP开发入门-搭建RAP开发环境(一)

1.下载IDE http://www.eclipse.org/downloads/下载 Eclipse for RCP and RAP Developers 一个RCP RAP的基础开发IDE,光有这个是不够的,要开发RAP程序还需要RAP的目标编译平台支持,不然程序是跑不起来的. 2.下载Target-Platform http://www.eclipse.org/rap/downloads/ 3.导入Target-Platform 将下载好的RAP (Target Components) 解

RAP开发入门-开发笔记

一.发布/运行 每次项目发布时需要在MANIFEST.MF->bulid中勾选依赖包.文件.代码等,避免报错 部署时项目可能会报一个baseline的错误,window->preference->api baselines->missing ... 选ignore 二.开发/代码 Eclipse RCP插件开发中如何引用打包在插件目录下的图片资源 private final String id = "cn.wyk.text.module.helloworld";

RAP开发入门-开发笔记-bug记录

NamespaceException: The alias '/rwt-resources' is already in use 该bug发生的第一种情况是: This means that more than one application is started in the same context and in the same HttpService. When different applications run in the same HttpService, they have t

RAP开发入门-布局管理

布局类继承关系 FillLayout  new FillLayout(SWT.VERTICAL/HORIZONTAL)设置竖直/水平填充 RowLayout wrap折行显示.pack自适应布局(布局内的控件要么自动适应布局控件,平均铺满布局控件-每个控件一样大).type控制水平还是竖直填冲.justify是否铺满布局空间 此外布局中的每个控件可以通过RowData设置其在布局空间中的大小.fill可以控制等宽或者等高 GridLayout 最经典的布局使用最广泛.可以多层嵌套设置出丰富的布局

Node.js开发入门—使用对话框ngDialog

做网站经常会遇到弹出对话框获取用户输入或弹出对话框让用户确认某个操作之类的情景,有一个基于AngularJS的扩展模块可以帮我们优雅地完成这类事情:ngDialog. ngDialog在github上提供了一个示例网页,演示了它的各种用法,在这里:https://github.com/likeastore/ngDialog/blob/master/example/index.html.ngDialog的github主页的readme也对常用的指令和服务做了较为详细的介绍,可以参考.我这篇就纯粹是

Android 自定义控件开发入门(二)

上一次我们讲了一堆实现自定义控件的理论基础,列举了View类一些可以重写的方法,我们对这些方法的重写是我们继承View类来派生自定义控件的关键 我通过一个最简单的例子给大家展示了这一个过程,无论是多么复杂的自定义控件,思路总是这样子的,但是因为我们仅仅重写了onDraw方法使得大家觉得怪怪的,作为一个控件,我们居然还要为了他的实现为其增加麻烦的监听,这就不能叫做控件了. 下面再给大家介绍一个经常重写的方法法:publicboolean onTouchEvent (MotionEvent even

VR原理讲解及开发入门

本文是作者obuil根据多年心得专门为想要入门的VR开发者所写,由52VR网站提供支持. 1. VR沉浸感和交互作用产生的原理: 在之前,我们观看一个虚拟的创造内容是通过平面显示器的,52VR上次发布过一篇文章<一张图让你认识VR>,在其中,你会看到很多10年前的虚拟现实装备,他们基本是平面显示器,或者将产生的画面投影到一个弧形甚至是球形屏幕上:或者在这些屏幕上叠加左右眼分别的图像,从而产生更加立体的效果. 而这类装置往往很大型,也很昂贵. 而近几年发展起来的VR头戴显示器,则达到了更好的使用

Liferay7 BPM门户开发之38: OSGi Bndtools开发入门

前言 OSGi是目前动态模块系统的事实上的工业标准,它适用于任何需要模块化.面向服务.面向组件的应用程序.Eclipse如此庞大和复杂的插件体系,就是基于OSGi.Liferay也是基于OSGi.OSGi是模块化设计的一种标准,适用于大中型项目.在一些小型项目中,开发者也可以自己设计私有的classLoader机制来实现插件开发环境,比如openfire OSGi是在Java平台上开发模块化应用程序的一种方式.它允许你构建模块(称之为bundle),它们彼此之间是隔离的,具备明确的和可管理的依赖