изменить размер шрифта гибкой таблицы в gwt - PullRequest
Новая
       30

изменить размер шрифта гибкой таблицы в gwt

0 голосов
/ 15 апреля 2011

Мне было интересно, знает ли кто-нибудь, как изменить размер шрифта гибкой таблицы в GWT? Я перепробовал множество попыток и везде смотрел онлайн, но, похоже, никакого решения не работает. У меня есть flexTable в GWT и несколько ярлыков, таких как ... 

user_info.setText(5, 0, "Organization:");

В настоящее время я пытаюсь написать стиль на странице CSS с кодом 

.smallFont
{
    font-size: 6pt;
    background-color: #66ff66;
}

Я установил для flexTable этот стиль, и фон таблицы изменился, а шрифт - нет. Любая помощь будет принята с благодарностью. Я смотрел онлайн везде. Я даже пытался изменить страницу стилей по умолчанию для каждого компонента, выполнив ... 

.gwt-FlexTable
{
    font-size: 6pt;
    background-color: #66ff66;
}

но безрезультатно ...

Так обескураживает = (

Ответы [ 2 ]

1 голос
/ 30 сентября 2011

Я использовал firebug, чтобы узнать стили CSS GWT, затем в своем файле CSS я использовал «! Important», чтобы переопределить существующие стили CSS.Ниже приведен пример. 

.gwt-TabPanelBottom {
   border-width: 1px !important;
   background: none no-repeat scroll center center #F6F6FF !important;
   padding: 0 !important;
   border: 2px solid #BFCC99 !important;    
}
0 голосов
/ 04 июня 2013

Переопределите CSS, импортированный через ваш XML, с помощью оператора! Important.

Или, если необходимо, вы можете просто загрузить эти базовые css-файлы, вручную добавить их копию, закомментировать все в xml и получить полный контроль над стилем.

Вот файл clean.css, например:

http://code.google.com/p/google-web-toolkit/source/browse/trunk/user/src/com/google/gwt/user/theme/clean/public/gwt/clean/clean.css?r=10894

В частности, чтобы изменить шрифт в таблице Flex GWT (при условии, что вы импортируете clean.css), добавьте этот пример в свой пользовательский файл CSS и переопределите импортированный стиль таблицы td: 

table td{   
    font: 18px Arial, sans-serif !important;
}
...