customise input components skins

[lmk]

hello,

Im using RF control skinning for input fileds, i want to customize some submit buttons, but, the button is rendered as any button,

<h:commandButton value="View "
action="#{bean.initSearch}" styleClass="#{menuManager.viewManageStyle}"
</h:commandButton>

style class :

.menu_link {
 background: transparent;
 background-color: #FFFFFF; border : none;
 font-family: verdana, Helvetica, sans-serif;
 color: #7E133D;
 font-weight: bold;
 font-size: 11px;;
 border: none;
}

regards

[lmk]

Hi;

Im strugling to use my own style for input button, when I remove rich faces skinning control, it works.

thanks!

[sergeysmirnov]

What does it mean " remove rich faces skinning control"?

[lmk]

"SergeySmirnov" wrote:
What does it mean " remove rich faces skinning control"?

remove context parameter org.richfaces.CONTROL_SKINNING=enable

[sergeysmirnov]

so, why it is not a solution? If you do not want to have standard form control skinned, you set this parameter to false.

[lmk]

"SergeySmirnov" wrote:
so, why it is not a solution? If you do not want to have standard form control skinned, you set this parameter to false.

Iwant to keep standar control skinned, butn Id like to control myself some buttons styles..
Or use skinnig for all input components except buttons..
it is possible??

[lmk]

hello,

should I use a custom xss file?? there exist any solution to use special styles for buttons instrad of default one?

[sergeysmirnov]

No, there is no different between css and xcss from this point of view.

The main problem is that RichFaces skins button using:

input[type="submit"] {}

This has a priority over the general class which you use. So, even your declaration is coming last, it does not override the one comes from input[type="submit"].

Try to use more specific rule selector.

For example,

input.menu_link {}
or
input[type="submit"].menu_link {}

instead of just

.menu_link {}

[lmk]

thanks a lot sergey!


regards!