How change icon dataList of PrimeFaces Mobile? -
this question has answer here:
- issue navbar icon in jquery mobile 1 answer
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; }
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
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
Post a Comment