Applying style to because I basically need

Question

Does anyone know how to put the same styles from the commandbutton to all commandlinks?

I want that all links appear like this (overriding links styles and using the button styles):

A normal button: enter image description here

A hovered button: enter image description here

A pressed button: enter image description here

My current primefaces theme is start

Applying `` style on `` or `` is understandable and reasonable, but on ``? Why not just make it a `` directly? — BalusC, Oct 10 '13 at 22:12
@BalusC Because I need to open a new tab in the browser to show a pdf file and doesn't have the target attribute — John Alexander Betts, Oct 11 '13 at 12:38
doesn't work but does. Another way is to put the styles to all components. Can you help me do some of these things, please — John Alexander Betts, Oct 11 '13 at 16:46
Excellent, the second one was selected. Thanks @BalusC, you can put this comment as answer to select it immediately — John Alexander Betts, Oct 11 '13 at 19:20
I posted an answer and updated the question's title to reflect the concrete functional requirement better. — BalusC, Oct 11 '13 at 19:24

score 20 · Accepted Answer · answered Oct 11 '13 at 19:22

20

As per the comments, just stick to <p:commandButton> and use an alternate solution to solve the initial functional requirement of the need to open the PDF file download in a new window without explicitly setting the <h:form target> (which would affect all of form's command buttons/links).

<p:commandButton ... ajax="false" onclick="form.target='_blank'">

This ends up in less CSS pain.

answered Oct 11 '13 at 19:22

BalusC

1,082,665
372
3,610
3,555

1

Thanks @BalusC. As always you are the greatest one – John Alexander Betts Oct 11 '13 at 19:26
1

@BalusC, Perfect solution for my issue, I don't know how many more times I need to say 'Your awesome' in rest of my JSF life. – gannu_lee Jul 27 '17 at 05:53

score 3 · Answer 2 · answered Jan 28 '15 at 19:13

You can use style sheets used in command button for command link.

  <p:commandLink style="padding: .3em 1em;" styleClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-button-text ui-c" ajax="false" value="Download as Excel" download="#{salaryCycleController.current}.xls" onclick="return ExcellentExport.excel(this, 'tbl', 'Sheet1');" ></p:commandLink>

I was compelled to use p:commandLink as p:commandButton did not support the download attribute.

Applying style to because I basically need

2 Answers2