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:

enter image description here

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

Popular posts from this blog

how to proxy from https to http with lighttpd -

android - Automated my builds -

python - Flask migration error -