jquery - Hide ClearButton from Primefaces-Mobile InputText -
i'm using primefaces 5.0 , i'm trying build mobile page. primefaces-mobile built on jquery mobile.
the following line
<p:inputtext value="#{whatever}" />
is giving me output:
this because using clear button option of jquery mobile. can see textfield pretty small , need space clear button taking, want remove it.
any suggestions?
primefaces-mobile known not supporting jquery mobile features.
first try can can check if supported:
<p:inputtext value="#{whatever}" pt:data-clear-btn="false"/>
if doesn't work can cheat:
html:
<div class="remove-clear"> <p:inputtext value="#{whatever}"/> </div>
css:
.remove-clear .ui-input-text { display: none; } .remove-clear .ui-input-has-clear { padding-right: 0 !important; }
working example (unfortunately can show how cheat directly in jquery mobile) : http://jsfiddle.net/gajotres/jwtgq/
Comments
Post a Comment