Icon not visible setting iconPos="right"

Locked
User avatar
undermensch
Posts: 140
Joined: 08 Jul 2010, 14:37
Location: Florida, United States

14 Apr 2015, 00:32

Code: Select all

<p:commandButton value="Next" process="serviceForm:masterDetail" partialSubmit="true" style="margin-top: 10px;float: right;" iconPos="right" icon="fa fa-arrow-right">
                                    <pe:selectDetailLevel level="4"/>
                                </p:commandButton>
If I remove the iconPos property, the icon displays on left as expected

Primefaces 5.2

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

16 Apr 2015, 21:14

Do you use Spark or does it happen on a page without Spark as well?

User avatar
undermensch
Posts: 140
Joined: 08 Jul 2010, 14:37
Location: Florida, United States

27 Apr 2015, 15:34

This only occurs in Spark, not the other themes. In fact, you can edit the classes in Chrome viewing the live Spark demo to replicate this issue. if you change the button class from ui-button-text-icon-left to ui-button-text-icon-right and the 1st span from ui-button-icon-left to ui-button-icon-right, the icon will no longer be visible and the text will remain in position for a left icon not a right positioned icon. The ui-button-text-icon-right ui button-text padding changes in primefaces.css are overridden by the ui-button-text {padding: 8px 40px 8px 20px !important} in the spark theme.css, etc....
PrimeFaces-11.0.6 / Wildfly 24

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

27 Apr 2015, 22:38

Thanks for your comments. We will work on this issue.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

29 Apr 2015, 16:25

Fixed for spark-1.2

Locked

Return to “Spark”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest