I am trying to use the radListbox control and am experiencing some weird UI issues. There is a black box to the left of each item in the list box. It disappears when i hover over the item and then reappears when i move off the item. I have the listbox in the edittemplate of a rad grid.
How do i get rid of them? If there is a way to show you an image, i can send you a screenshot of what it looks like.
<telerik:RadGrid ID="grdTopics" runat="server" AutoGenerateColumns="False" GridLines="None" AllowPaging="false" AllowSorting="false" ShowFooter="false" ShowHeader="true" > |
<ClientSettings AllowExpandCollapse="true"></ClientSettings> |
<MasterTableView Name="Topics" EditMode="InPlace" DataKeyNames="ID" HierarchyLoadMode="Client" NoMasterRecordsText="There are no Topics." NoDetailRecordsText="There are no Topics."> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridTemplateColumn HeaderText="Moderators" UniqueName="Moderators"> |
<ItemTemplate> |
<asp:Label ID="lblTopics_View_Moderators" runat="server"></asp:Label> |
</ItemTemplate> |
<EditItemTemplate> |
<telerik:RadListBox ID="lstTopics_Edit_Moderators" runat="server" CheckBoxes="true" DataKeyField="ID" DataTextField="Name" ></telerik:RadListBox> |
</EditItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn HeaderText="" UniqueName="Edit Topic"> |
<ItemTemplate> |
<asp:ImageButton ID="btnTopics_View_EditTopic" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/edit.gif" AlternateText="Edit Topic" CommandName="TOPICS_EDIT" CausesValidation="false" /> |
</ItemTemplate> |
<EditItemTemplate> |
<asp:ImageButton ID="btnTopics_Edit_SaveTopic" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/save.gif" AlternateText="Save Topic" CommandName="TOPICS_SAVE" CausesValidation="false" /> |
</EditItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn HeaderText="" UniqueName="Delete Topic"> |
<ItemTemplate> |
<asp:ImageButton ID="btnTopics_View_DeleteTopic" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/delete.gif" AlternateText="Delete Topic" CommandName="TOPICS_DELETE" CausesValidation="false" OnClientClick="return ConfirmDelete();"/> |
</ItemTemplate> |
<EditItemTemplate> |
<asp:ImageButton ID="btnTopics_Edit_CancelTopic" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/cancel.gif" AlternateText="Cancel" CommandName="TOPICS_CANCEL" CausesValidation="false" /> |
</EditItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn HeaderText="" UniqueName="Move Topic Up"> |
<ItemTemplate> |
<asp:ImageButton ID="btnTopics_View_MoveUp" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/action_up.gif" AlternateText="Move Topic Up" CommandName="TOPICS_MOVEUP" CausesValidation="false" /> |
</ItemTemplate> |
<EditItemTemplate> |
<asp:Image ID="imgTopics_Edit_MoveUpSpacer" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/spacer.gif" /> |
</EditItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn HeaderText="" UniqueName="Move Topic Down"> |
<ItemTemplate> |
<asp:ImageButton ID="btnTopics_View_MoveDown" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/action_down.gif" AlternateText="Move Topic Down" CommandName="TOPICS_MOVEDOWN" CausesValidation="false" /> |
</ItemTemplate> |
<EditItemTemplate> |
<asp:Image ID="imgTopics_Edit_MoveDownSpacer" runat="server" ImageUrl="~/DesktopModules/BAOffice/images/spacer.gif" /> |
</EditItemTemplate> |
</telerik:GridTemplateColumn> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
How do i get rid of them? If there is a way to show you an image, i can send you a screenshot of what it looks like.