问题标签 [cssresource]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
130 浏览

css - 如何在 GWT 中使用 CSSResource 应用复杂样式

在我的项目中,我将您的 CSSResource 捆绑包应用于项目中的样式。

如何应用示例中给出的更复杂的样式?

我无法使用 x.setStyleName(refToCss.MenuBar()) 和 addStyleName(refToCess.MenuItem()) 应用子样式。

在我的情况下,第二个(子)样式MenuItem似乎被忽略了。

我只是在这里使用这个菜单栏作为例子。我想要实现的是拥有多个具有多种状态的组件。例如 .component1 .stateA, component2 .stateA .. 其中状态 A 对于 component1 和 component2 具有不同的视觉外观。

(实际上 CSS 应该可以工作)。

提前致谢, 沃特

0 投票
1 回答
558 浏览

java - gwt-bootstrap 在 UiBinder 之外工作吗?

我遇到的所有gwt-bootstrap示例都显示了在 UiBinder XML 文件中使用 Twitter Bootstrap 样式。

但是如果我不喜欢 UiBinder 怎么办?

如果我想使用原始小部件,或者如果我想使用CssResource客户端包并编写自己的外部 CSS 文件怎么办?

gwt-bootstrap 可以在 UiBinder 实例的上下文之外工作吗?如果是这样,怎么做?代码示例?提前致谢!

0 投票
4 回答
976 浏览

css - 如何自定义 GWT 组件样式?

我正在使用 GWT 2.5.1 开发一个多模块应用程序。我没有使用任何 GWT 主题。我想自定义一些 GWT 小部件的样式,例如ButtonCheckBox

我看到两个解决方案:

  • 编写在应用程序中加载的 CSS 文件(HTML 页面中的链接)。CSS 将包含使用 GWT 定义名称的 CSS 规则,例如用于按钮的 .gwt-Button 和用于复选框的 .gwt-CheckBox、.gwt-CheckBox-disabled。该解决方案没有利用 GWT 编译器进行的 CSS 优化。
  • 每次使用按钮或复选框时,请使用 CssResource 并设置样式名称。此解决方案将利用 CSS 优化,但每次创建新 Widget 时都需要设置样式名称。

还有其他解决方案吗?哪个是正确的?

0 投票
0 回答
382 浏览

gwt - GWT CSSResource @if 语句中使用了哪些延迟绑定属性?

我目前正在尝试在 CssResource 文件中使用条件 CSS,如此处所述但我对“ <deferred-binding-property>”部分有点不清楚。

这些属性必须在哪里定义?我想认为<define-property>当前正在编译的模块的继承树中的任何标记都是可用的,但这似乎不是真的。我真的在网上找不到任何关于此的文档。

就我而言,我正在处理的项目由两个应用程序组成,每个应用程序都有自己的 GWT 模块,但它们都继承了一个包含共享代码的“核心”模块,包括带有@if语句的 ClientBundle/CssResource。我希望评估的延迟绑定属性在另一个 gwt 模块文件formfactor.gwt.xml中定义。

我正在尝试使用以下内容:

一切 gwt 编译没有任何错误。模块文件本身基于“formfactor”属性的任何延迟绑定都被正确评估(即,我正在按预期获得“移动”特定的视图)。块中没有任何 css 规则@if被注入。

我已经尝试在核心 gwt.xml 文件和应用程序 gwt.xml 文件中继承 formfactor.gwt.xml,并且都按照上一段中的描述工作。

如果我@else在 CssResource 文件中包含一条语句,则@else块中的代码确实会被注入,但如果我包含@elif formfactor desktop tablet(为 formfactor 属性定义的唯一其他两个值),则不会注入@if块和@elif块。

更新 - 虽然我仍然认为明确回答问题会很有用,但我的 CssResource 文件似乎确实在范围内具有 formfactor 属性。该问题似乎与 GWT 问题 4697 ( code.google.com/p/google-web-toolkit/issues/detail?id=4697) 有关,其中 @if/@elif/@else 语句的最后一个子句总是被注入,而不管被评估的 deferred-binding-property 的值如何。

在我的情况下,一种解决方法是简单地在普通 css 中设置“标准”值,然后手动更改 @if 块中的值,例如:

只要您不在条件内使用@def 语句,则仅当条件评估为真时才会注入第二条规则。

我意识到这可能不适用于所有 css 规则,因为它本质上为规则定义了第二个值而不删除第一个值,但这只是一种解决方法!

0 投票
3 回答
1130 浏览

gwt - 如何删除 GWT 中注入的 CSS 资源?

我想删除 GWT 应用程序中注入的 CSSResource。

我使用了以下代码MyClass.INSTANCE.ensureInjected();

我只想要特定页面的上述 CSSResource。所以剩下的页面应该按照实际的 css/主题工作。

一旦我注入它,它就适用于整个应用程序。我该如何克服呢?

0 投票
0 回答
154 浏览

java - Eclipse修改style.css时GWT刷新CssResource类

我正在为我的 GWT 应用程序样式使用 CssResource 类,并且我试图找到一种方法来在我的 style.css 文件被修改时触发刷新我的 java 界面(或者相反,刷新我的 style.css 时修改了java接口)。

我正在 Eclipse 中开发,我知道可以使用 ClientBundle 向导创建 java 接口,但是有没有办法刷新其中一个,当另一个被修改时,我不会写两次相同的字符串?

0 投票
2 回答
162 浏览

gwt - 为什么在 GWT 或 GWTP 中有这么多为小部件设置 CSS 的方法,我很困惑?有人可以澄清一下吗?

好的,要为 Gwt 或 Gwtp 中的小部件设置 Css,我们可以执行以下操作:

让我感到困惑的是,如果我使用,前

& 如果myResource.css有,.gwt-TabLayoutPanel那么我不需要使用“addStyleNames”,例如<g:TabLayputPanel />,它可以完美地识别 CSS。

但是,如果我添加.gwt-ScrollPanelmyResource.css使用<g: ScrollPanel />,那么什么也没有发生。

所以我必须创建public interface MyCssResource extends CssResource,然后添加String gwt-ScrollPanel();MyCssResource. 但是 Java eclipse 不允许-方法名中有连字符,所以我必须改为String gwtScrollPanel();.

最后,我必须添加addStyleNames<g: ScrollPanel />, ex<g: ScrollPanel addStyleNames="{res.css.gwtScrollPanel}" />然后它才能工作。

这也意味着如果我想使用.gwt-TabLayoutPanelin MyCssResource,那么我需要删除连字符-,这将导致我的代码不一致。

那么,有人可以向我解释这里发生了什么吗?我很困惑?

0 投票
1 回答
62 浏览

css - 如何从一个 ClientBundle 导入图像以使用另一个 ClientBundle 的样式

我喜欢一个客户端捆绑包:

我想在另一个 Bundle 的样式中使用来自第一个 Bundle 的图像。像这样的东西:

结束CSS文件看起来像:

甚至可能吗?还是我应该以不同的方式做整件事?

0 投票
2 回答
482 浏览

css - GWT - CSS 文件的 ClientBundle 不能使用类名

我有一个 GWT 问题,

我正在尝试将我的 css 作为 CssResource 移动到 ClientBundle,因为它声称是最佳实践,但是有一个问题。它确实适用于元素 ID 和元素名称,但不适用于类名。所以当我有

但是,如果我添加一个带点 (.) 的类名作为

然后我得到以下异常

知道我错过了什么吗???

0 投票
1 回答
2212 浏览

gwt - GWT 中的客户端包和 Css 资源

谁能深入解释一下 CSS 资源、Client Bundle 和 UI binder 的协作是如何工作的?我浏览了 GWT 文档,但不清楚这个 CSS 资源以及接口是如何生成的。一步一步的解释会有所帮助。谢谢!。