Поверните этикетки в GWT

Я хочу повернуть простую этикетку GWT. Есть ли какой-нибудь вариант?Поверните этикетки в GWT

Я создал простой CSS-стиль:

.rotate{ 

/* Abs positioning makes it not take up vert space */ 
position: relative; 
top: 330; 
left: 330; 

/* Border is the new background */ 
background: none; 



-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform:  rotate(90deg); 
-o-transform:  rotate(90deg); 
}

Но это не сработало, когда я добавить стиль к метке.

источник

2011-12-27 destiny

Пожалуйста, разместите пример того, как вы применили этот стиль, поскольку он определенно работает для меня. –

Я добавляю ярлык в абсолютную величину: 'Этикетка повернута = новая метка (« это должно быть повернуто »); \t \t \t rotated.addStyleName ("rotate"); \t \t \t добавить (повернул); ' – destiny

Используйте ваш браузер, чтобы осмотреть элемент и убедиться, что он действительно получил этот стиль. Является ли файл CSS определенным образом включенным в HTML-файл модуля? –

CSS преобразует только работу (с использованием свойств CSS для браузера) в Chrome, Opera, Firefox, Safari и IE9 +. Вы используете синтаксис правильного преобразования для всех этих. Для более старых версий IE, вы можете преобразовать так:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

источник

2011-12-27 18:26:49

спасибо :) это работает fpr me в IE :) – destiny

Если вы хотите, чтобы сделать вертикальный текст, или любые другие текстовые преобразования я рекомендую рассмотреть возможность использования SVG графики.

источник

2011-12-28 16:35:59

Поверните этикетки в GWT

ответ

Смежные вопросы