EasyUI Forum
March 29, 2024, 06:19:04 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: css icon of datagrid buttons don't display  (Read 17297 times)
zzdfc
Jr. Member
**
Posts: 58


View Profile
« on: December 05, 2013, 08:13:25 PM »

css icon of datagrid buttons don't display correctly.

css example:
 
.icon-edit{
    background:url('icons/icon16.png') no-repeat -81px -25px;
    width:16px;
    height:16px;
}
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: December 06, 2013, 07:23:50 AM »

Please show your testing code to demonstrate your issue.
Logged
zzdfc
Jr. Member
**
Posts: 58


View Profile
« Reply #2 on: December 07, 2013, 01:57:16 AM »

if css icon of datagrid is a single picture,it is showed correctly:
for example:
.icon-edit{
   background:url('icons/pencil.png') no-repeat center center;
}

if css icon of datagrid is a part of a big picture that include many icons,it isn't showed
.icon-edit{
    background:url('icons/icon16x16.png') no-repeat -165px -25px;
    width:16px;
    height:16px;
}
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #3 on: December 08, 2013, 05:30:21 AM »

Please try this.
Code:
a.l-btn span span.icon-edit{
    background:url('icons/icon16x16.png') no-repeat -165px -25px;
}
Logged
zzdfc
Jr. Member
**
Posts: 58


View Profile
« Reply #4 on: January 02, 2014, 07:38:39 PM »

I hope it is valid:
.icon-edit{
    background:url('icons/icon16x16.png') no-repeat -165px -25px;
}

can next version of easyui fix this little bug?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #5 on: January 02, 2014, 07:54:40 PM »

Yes, please download the updated linkbutton plugin from http://www.jeasyui.com/easyui/plugins/jquery.linkbutton.js. Be sure to use the newest theme file, it can be downloaded from http://www.jeasyui.com/easyui/themes/default/easyui.css.
Logged
zzdfc
Jr. Member
**
Posts: 58


View Profile
« Reply #6 on: January 05, 2014, 07:34:59 PM »

Hi stworthy :
     I have already used the newest theme file from http://www.jeasyui.com/easyui/plugins/jquery.linkbutton.js and http://www.jeasyui.com/easyui/themes/default/easyui.css.
     The icon can display correctly,but icon and text of linkbutton of datagrid overlapped.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #7 on: January 05, 2014, 08:15:48 PM »

Please confirm you are using the correct theme file.
Code:
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/plugins/jquery.linkbutton.js"></script>
Logged
zzdfc
Jr. Member
**
Posts: 58


View Profile
« Reply #8 on: January 06, 2014, 12:36:38 AM »

Thanks.
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!