How change icon dataList of PrimeFaces Mobile? -


this question has answer here:

i have question have problem change icon datalist primeface mobile. researched according style: <p class="ui-li-aside" /> brings icon , position, tried create own style , add icon not work me.

default.css (created style)

.ui-li-edit {     margin: 0;     position: absolute;     right: 3.333em;     text-align: right;     top: 1em;      background-image:     url("/sgcc-web-app/javax.faces.resource/images/icons-18-white.png.jsf?ln=primefaces-mobile");     background-position: -108px 70%;     width: 18px;     height: 18px; } 

enter image description here

to have custom icon on side need create class , add a tag in list items. need add :after in class make work. method acts same ui-li-aside custom icon.

demo

http://jsfiddle.net/0596ezfo/

css & html

.ui-icon-myicon:after {     background-image: url("http://upload.wikimedia.org/wikipedia/commons/7/7e/cute-ball-favorites-icon.png");     /* make icon fit */     background-size: 28px 28px; }   <li><a class="ui-icon-myicon">my custom icon</a></li> 

Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -