2015-06-30 5 views
1

Я видел несколько потоков, пытающихся ответить, но я не вижу определенного решения, по крайней мере, одного, которое я могу понять, как реализовать.Как изменить характеристики текстового поля валюты dojo в xpages?

Есть ли способ легко изменить css поля dojo в XPages? В этом случае я - текстовое поле валюты Dojo.

<xe:djCurrencyTextBox id="I_H2" 
         value="#{document1.I_H2}" style="width:60px;"> 
     <xe:this.converter> 
     <xp:convertNumber type="currency"></xp:convertNumber> 
     </xe:this.converter>     
</xe:djCurrencyTextBox> 

Я читал, как вы не можете применить стили непосредственно к нему, потому что он управляется с помощью темы и обернуто в других Див и пролетных тегов (хотя он принимает ширину), но, безусловно, должно быть простой способ настроить цвет фона поля и другие характеристики?

+0

Как и любому другому элемент дизайна, вы должны быть в состоянии назначить StyleClass, который в HTML является "класс". Затем вы можете создать собственный CSS-файл и перезаписать прикладной стиль для этого класса. Это то, что вы просите? –

+0

Steve. Если я применил StyleClass к этому элементу поля dojo, он не работает так, как это происходит с любым другим полем и множеством других элементов, для которых я применил класс css. например styleClass = "касса". Когда страница загружается, вы можете увидеть, как styleClass применяется к этому текстовому полю, а затем исчезает, как если бы она была перезаписана темой, примененной к элементам dojo. –

+0

Когда вы говорите, что это не работает. Вы имеете в виду, что класс не применяется, или что * ваши изменения стиля не отображаются даже с классом. Если последнее, у меня есть ответ для вас. (Я вижу ваш отредактированный комментарий, ответ ожидается) –

ответ

0

У меня возникла эта проблема в XPages раньше. Чтобы ваши стили не были перезаписаны, добавьте «!important» после них. Обратите внимание, что пуристы CSS недовольны этим подходом, но он работает.

У меня не было большого успеха с отключением темы, но вы можете попробовать это, если вы еще этого не сделали.

Этот блог я написал, объясняет больше об использовании «!important», и я думаю, помогу вам: http://notesspeak.blogspot.com/2014/10/quick-tip-forcing-css-override.html

+0

Это не работает. Мой класс выглядит как ваш .cashBox { \t цвет: # 222! Important; \t \t} и класс применяется к элементу правильно <х: djCurrencyTextBox ID = "I_H2" \t \t \t \t \t \t \t значение = "# {document1.I_H2}" стиль = "ширина: 60px;" styleClass = "cashBox"> Я не думаю, что это работает с полями dojo form ... или я делаю что-то неправильно? –

+0

Ваш стиль загружен в пользовательский файл CSS, загруженный в качестве ресурса на этой странице? –

+0

да, таблица стилей - это ресурс на странице, и все остальные классы применяются и работают. единственным классом, который не работает, является тот, который применяется к полям dojo. –

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