Print Page - css icon of datagrid buttons don't display

Title: css icon of datagrid buttons don't display
Post by: zzdfc 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;
}

Title: Re: css icon of datagrid buttons don't display
Post by: stworthy on December 06, 2013, 07:23:50 AM

Please show your testing code to demonstrate your issue.

Title: Re: css icon of datagrid buttons don't display
Post by: zzdfc 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;
}

Title: Re: css icon of datagrid buttons don't display
Post by: stworthy 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;
}

Title: Re: css icon of datagrid buttons don't display
Post by: zzdfc 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?

Title: Re: css icon of datagrid buttons don't display
Post by: stworthy 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.

Title: Re: css icon of datagrid buttons don't display
Post by: zzdfc 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.

Title: Re: css icon of datagrid buttons don't display
Post by: stworthy 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>

Title: Re: css icon of datagrid buttons don't display
Post by: zzdfc on January 06, 2014, 12:36:38 AM

Thanks.

EasyUI Forum

General Category => Bug Report => Topic started by: zzdfc on December 05, 2013, 08:13:25 PM