p:selectBooleanButton with only icon (Solved)

Post Reply
serenne
Posts: 76
Joined: 21 Jul 2015, 07:43

19 Apr 2018, 12:46

Setting only icons :
<p:selectBooleanButton id="show" value="#{state.showOnMap}"
onIcon="ui-icon-remove-circle" offIcon="ui-icon-remove-red-eye"
disabled="#{!state.hasPosition()}" >
</p:selectBooleanButton>

I got an ellispsis around the icon in my datatable : Image ... (have to increase the witdh of the column to 58px !!.
Nothing found using chrome devTools ...

Any idea to help ??

Kindest regards
Last edited by serenne on 03 May 2018, 22:45, edited 1 time in total.

aragorn
Posts: 3718
Joined: 29 Jun 2013, 12:38

24 Apr 2018, 09:30

We'll check and get back to you.

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

24 Apr 2018, 10:08

Hi,
You can use following code to fix it.

Code: Select all

       <p:selectBooleanButton id="show" value="#{state.showOnMap}" 
onIcon="ui-icon-remove-circle" offIcon="ui-icon-remove-red-eye" 
disabled="#{!state.hasPosition()}" style="padding:0;"/>

serenne
Posts: 76
Joined: 21 Jul 2015, 07:43

27 Apr 2018, 17:28

great ... works fine. but was so simple ... I have to check my css knowledge :oops:
Thanks a lot !

kubrasulukan
Posts: 87
Joined: 10 Jan 2018, 16:04

02 May 2018, 08:11

You're welcome. :)

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest