Prime Community Forum

Posted: **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 :

... (have to increase the witdh of the column to 58px !!.
Nothing found using chrome devTools ...

Any idea to help ??

Kindest regards

Posted: **24 Apr 2018, 09:30**

We'll check and get back to you.

Posted: **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;"/>

Posted: **27 Apr 2018, 17:28**

great ... works fine. but was so simple ... I have to check my css knowledge

Thanks a lot !

Posted: **02 May 2018, 08:11**

You're welcome.

Prime Community Forum

p:selectBooleanButton with only icon (Solved)

p:selectBooleanButton with only icon (Solved)

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

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

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

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