Блог

Главная - Вопросы по программированию - rich: замена CSS-разделителя

rich: замена CSS-разделителя

#jsf-2 #richfaces

#jsf-2 #richfaces

Вопрос:

Версии :

Aapche MyFaces 2.1.14

RichFaces 4.3.5

Проблема :

Мы переходим с JSF 1.2 на JSF 2. Проблема в том, как перенести <rich:separator> тег, как показано в приведенном ниже коде? Я могу выполнить миграцию <rich:spacer> с помощью CSS, подобного приведенному ниже коду.

Но проблема <rich:separator> заключается в атрибуте lineType, который изменяет стиль линии, например, сплошной, пунктирной и т.д.

Код : 

 <rich:separator height="1" width="100%" rendered ="#{bean.someCondition}" lineType="dotted"/>   


<!-- rich:spacer css replacement  -->

.divider{
    margin:5px;
}

Ответ №1:

Если вы посмотрите на код, разделитель — это просто div с определенным фоновым изображением, так что вы можете сделать это таким образом.

Вы также можете использовать разделитель с точками с помощью CSS:

 .dotted {
    border-bottom: 2px dotted black;
}