Page 1 of 1

p:selectBooleanButton with only icon (Solved)

Posted: 19 Apr 2018, 12:46
by serenne
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

Re: p:selectBooleanButton with only icon (no text)

Posted: 24 Apr 2018, 09:30
by aragorn
We'll check and get back to you.

Re: p:selectBooleanButton with only icon (no text)

Posted: 24 Apr 2018, 10:08
by kubrasulukan
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;"/>

Re: p:selectBooleanButton with only icon (no text) (resolved)

Posted: 27 Apr 2018, 17:28
by serenne
great ... works fine. but was so simple ... I have to check my css knowledge :oops:
Thanks a lot !

Re: p:selectBooleanButton with only icon (no text)

Posted: 02 May 2018, 08:11
by kubrasulukan
You're welcome. :)