Sir,
Please help to show checkbox in left side. it is overlapping on items.
.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AtestMultipleSelection.aspx.cs" Inherits="AtestMultipleSelection" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="../Scripts/jquery.sumoselect.min.js"></script>
<link href="../Style/sumoselect.css" rel="stylesheet" />
<style type="text/css">
body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; font-size: 13px; }
p, div, ul, li { padding: 0px; margin: 0px; }
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ListBox runat="server" ID="lstBoxTest" SelectionMode="Multiple">
<asp:ListItem Text="Red" Value="0"></asp:ListItem>
<asp:ListItem Text="Green" Value="1"></asp:ListItem>
<asp:ListItem Text="Yellow" Value="2"></asp:ListItem>
<asp:ListItem Text="Blue" Value="3"></asp:ListItem>
<asp:ListItem Text="Black" Value="4"></asp:ListItem>
</asp:ListBox>
<asp:Button Text="Get Values" Visible="false" ID="btnGetSelectedValues" OnClick="btnGetSelectedValues_Click" runat="server" />
<script type="text/javascript">
$(document).ready(function () {
$('#<%=lstBoxTest.ClientID%>').SumoSelect({ selectAll: true });
});
</script>
</div>
</form>
</body>
</html>
