p:selectBooleanButton with only icon (Solved)

[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 : ... (have to increase the witdh of the column to 58px !!.
Nothing found using chrome devTools ...

Any idea to help ??

Kindest regards

[mert.sincan]

We'll check and get back to you.

[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;"/>

[serenne]

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

[kubrasulukan]

You're welcome.