riche: séparateur CSS remplacement

Question

Versions:

Aapche MyFaces 2.1.14

RichFaces 4.3.5

Problème:

Nous émigrons de JSF 1.2 à JSF 2. La question est comment migrer tag <rich:separator> comme indiqué dans le code ci-dessous? Je suis en mesure de migrer <rich:spacer> en utilisant CSS comme le code ci-dessous.

Mais le problème pour <rich:separator> est attribut type de ligne qui change de style pour la ligne comme solide, en pointillé, etc.

code:

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


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

.divider{ 
    margin:5px; 
} 

Answer 1

Si vous regardez le code le séparateur est un simple div une image de fond spécifique, de sorte que vous pouvez le faire de cette façon.

Vous pouvez également faire séparateur en pointillés/en pointillés avec CSS:

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