提问者:小点点

GWT库覆盖默认主题


Currentlty我的GWT应用程序使用默认的CSSStyle('com.google. gwt.user.topic.clei.Clei')。当我添加gwt-gantt库时,GWT组件的许多样式(即CellTable,…)已被覆盖。是否有可能使用此库而不丢失默认主题?


共3个答案

匿名用户

GWT-gantt似乎没有得到维护,最近的变化可以追溯到3年前。

我强烈建议您选择任何JS甘特图库并使用JSInterop与之交互。这样您将有更广泛的库选择,并且没有样式问题。

我知道这并不能真正回答你的问题,但我相信从长远来看,你会更好地使用这种方法。

匿名用户

如果gwt-gantt在其组件中使用与GWT组件使用的相同的css样式名称,则可能会发生这种情况。

例如,GWT CellTable使用“. cellTableEvenRow”作为其CSS样式名称之一。如果gwt-gantt使用相同的CSS样式名称,则默认CSS样式可能会受到影响。

因此,请检查gwt-gantt是否使用GWT使用的任何CSS样式名称。

匿名用户

将css样式名称添加到gwt-gantt中使用的css样式名称中。此解决方案需要您查看gwt-gantt的css源代码。例如:(1)假设gwt-gantt使用“gwt-Button”作为其css样式。在gantt的CSS样式中为“gwt-Button”添加“gantt”:

.gantt .gwt-Button{ 
/*CSS style used by gwt-gantt component*/
}

(2)添加带有“gantt”的元素以包含gantt组件:

<div class="gantt">

<gantt:component>
</gantt:component>

</div>

此方法将导致gwt-gantt css样式仅适用于gantt:仅适用于组件,不适用于gwt组件