EasyUI Forum
April 25, 2024, 09:34:54 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Data-list icon  (Read 5403 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: August 30, 2017, 12:24:32 PM »

Hello
I try to put small image/icon into data-list link, something like:
Code:
<li><img class="list-image" src="/icons/user1.png"/><a href="javascript:void(0)" class="datalist-link">Green Adult</a></li>
but data-list text is moved to new row (see image).
Here is second try (second link):
Code:
<li><div class="m-left"><img src="/css/icons/user_red.png"/></div><a href="javascript:void(0)" class="datalist-link">Green Adult</a></li>
and this is a bit better but icon is not centered.
How to add centered icon before data-list text, please?
Thank you
« Last Edit: August 31, 2017, 05:45:37 AM by Pierre » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: August 31, 2017, 05:15:47 AM »

Try to use this code instead.
Code:
<li>
<a href="javascript:void(0)" class="datalist-link">
<img src="" style="width:16px;height:16px;vertical-align:middle;margin-right:6px">Rattleless
</a>
</li>
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: August 31, 2017, 05:45:19 AM »

Works perfect, thank you very much.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!