Библиотека GWT переопределяет тему по умолчанию

Question

В настоящее время мое приложение GWT использует стиль CSS по умолчанию ('com.google.gwt.user.theme.clean.Clean'). Когда я добавил библиотеку gwt-gantt, многие стили компонентов GWT (то есть CellTable, ...) были переопределены. Есть ли возможность использовать эту библиотеку без утраченной темы по умолчанию?

Answer 1

это может произойти, если компонент Ганта добавляет стиль, используя другой метод. проверьте исходный код HTML о том, как стиль CSS добавляется к компоненту:

(1) <div class="stylename"></div>

(2) <div class="stylename" style="width:50% !important;"></div>

Answer 2

Это может произойти, если gwt-gantt использует в своем компоненте то же имя стиля CSS, что и компонент GWT.

Например, GWT CellTable использует «.cellTableEvenRow» для одного из своих имен стилей CSS. Если gwt-gantt использует то же имя стиля CSS, то это может повлиять на стиль CSS по умолчанию.

Итак, проверьте, использует ли gwt-gantt имя стиля CSS, которое использует GWT.

Answer 3

Добавьте имя стиля css к имени стиля css, используемому в gwt-gantt. Это решение требует, чтобы вы заглянули в исходный код css gwt-gantt. Например: (1) Предположим, что gwt-gantt использует "gwt-Button" для своего стиля css. Добавьте «gantt» к «gwt-Button» в стиле CSS Ганта:

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

(2) добавьте элемент с «gantt» для включения компонента Ганта:

<div class="gantt">

<gantt:component>
</gantt:component>

</div>

этот метод приведет к тому, что стиль gwt-gantt css применяется только к компоненту gantt: only, а не к компоненту gwt

Answer 4

GWT-gantt Кажется, не поддерживается, с самым последним изменением, датированным 3 года назад.

Я настоятельно рекомендую вам выбрать любой JS Гант библиотека и взаимодействовать с ним с помощью JSInterop. Таким образом, у вас будет более широкий выбор библиотек и никаких стилевых проблем.

Я знаю, что это не совсем отвечает на ваш вопрос, но я верю, что в долгосрочной перспективе вам будет лучше с этим подходом.