Sep 28, 2011, 1:33 PM
[CLOSED] Icons sometimes repeat
Hi,
Most of your icons are fine as they are all assumed to be 16px by 16px. But I notice the flags typically end up repeating, because they are actually 12px in height.
So I think you need to set the css property of background-repeat to no-repeat for these icons. Here's an example showing the effect with and without the css:
Most of your icons are fine as they are all assumed to be 16px by 16px. But I notice the flags typically end up repeating, because they are actually 12px in height.
So I think you need to set the css property of background-repeat to no-repeat for these icons. Here's an example showing the effect with and without the css:
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.with-fix .x-label-icon { background-repeat:no-repeat; }
</style>
</head>
<body>
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<form id="HtmlForm" runat="server">
<div>
<ext:Label ID="Label1" Icon="FlagCn" runat="server" />
<ext:Label ID="Label2" Icon="FlagEngland" runat="server" />
<ext:Label ID="Label3" Icon="FlagGb" runat="server" />
<ext:Label ID="Label4" Icon="FlagUs" runat="server" />
<ext:Label ID="Label5" Icon="FlagIt" runat="server" />
</div>
<div class="with-fix">
<ext:Label ID="Label6" Icon="FlagCn" runat="server" />
<ext:Label ID="Label7" Icon="FlagEngland" runat="server" />
<ext:Label ID="Label8" Icon="FlagGb" runat="server" />
<ext:Label ID="Label9" Icon="FlagUs" runat="server" />
<ext:Label ID="Label10" Icon="FlagIt" runat="server" />
</div>
</form>
</body>
</html>
Last edited by Daniil; Oct 06, 2011 at 3:27 PM.
Reason: [CLOSED]
Originally Posted by anup
