Jaco de Wet
Top achievements
Rank 1
Rank 1
Jaco de Wet
asked on 20 Jan 2010, 09:55 AM
There appears to be some image corruption on RadComboBoxes used within a ListView EditItemTemplate or InsertItemTemplate (see attached image)
The following markup is generated by creating a new rad-website, dropping a RadListView control onto the page, and configuring it in the designer-helper.
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Default" %> |
| <!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> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> |
| <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> |
| <AjaxSettings> |
| <telerik:AjaxSetting AjaxControlID="RadListView1"> |
| <UpdatedControls> |
| <telerik:AjaxUpdatedControl ControlID="RadListView1" /> |
| </UpdatedControls> |
| </telerik:AjaxSetting> |
| </AjaxSettings> |
| </telerik:RadAjaxManager> |
| <telerik:RadSkinManager ID="RadSkinManager1" runat="server" Skin="Outlook"> |
| </telerik:RadSkinManager> |
| <div> |
| <telerik:RadListView ID="RadListView1" runat="server" InsertItemPosition="LastItem" |
| Skin="Outlook" OnNeedDataSource="RadListView1_NeedDataSource"> |
| <EditItemTemplate> |
| <tr class="rlvIEdit"> |
| <td> |
| <table cellspacing="0" class="rlvEditTable"> |
| <tr> |
| <td colspan="2"> |
| <asp:Button ID="UpdateButton" runat="server" CommandName="Update" CssClass="rlvBUpdate" |
| Text=" " /> |
| <asp:Button ID="CancelButton" runat="server" CausesValidation="False" CommandName="Cancel" |
| CssClass="rlvBCancel" Text=" " /> |
| </td> |
| </tr> |
| </table> |
| </td> |
| <td> |
| <telerik:RadComboBox ID="dimensionAliasComboBox" runat="server" Width="100px" EmptyMessage="Choose Dimension Alias" |
| Skin="Outlook"> |
| <Items> |
| <telerik:RadComboBoxItem Text="to populate" /> |
| </Items> |
| </telerik:RadComboBox> |
| </td> |
| <td> |
| <telerik:RadComboBox ID="RadComboBox4" runat="server" Width="100px" EmptyMessage="Choose Dimension Level" |
| Skin="Outlook"> |
| <Items> |
| <telerik:RadComboBoxItem Text="to populate" /> |
| </Items> |
| </telerik:RadComboBox> |
| </td> |
| </tr> |
| </EditItemTemplate> |
| <InsertItemTemplate> |
| <tr class="rlvIEdit"> |
| <td> |
| <table cellspacing="0" class="rlvEditTable"> |
| <tr> |
| <td colspan="2"> |
| <asp:Button ID="PerformInsertButton" runat="server" CommandName="PerformInsert" CssClass="rlvBAdd" |
| Text=" " /> |
| <asp:Button ID="CancelButton" runat="server" CausesValidation="False" CommandName="Cancel" |
| CssClass="rlvBCancel" Text=" " /> |
| </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </InsertItemTemplate> |
| <ItemTemplate> |
| <tr class="rlvI"> |
| <td> |
| <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" CssClass="rlvBDel" |
| Text=" " /> |
| <asp:Button ID="EditButton" runat="server" CommandName="Edit" CssClass="rlvBEdit" |
| Text=" " /> |
| </td> |
| <td> |
| dfsdfds |
| </td> |
| <td> |
| sfsdfds |
| </td> |
| </tr> |
| </ItemTemplate> |
| <EmptyDataTemplate> |
| <div class="RadListView RadListView_Outlook"> |
| <div class="rlvEmpty"> |
| There are no items to be displayed.</div> |
| </div> |
| </EmptyDataTemplate> |
| <LayoutTemplate> |
| <div class="RadListView RadListView_Outlook"> |
| <table cellspacing="0" style="width: 100%;"> |
| <thead> |
| <tr class="rlvHeader"> |
| <th> |
| |
| </th> |
| <th> |
| Column1 |
| </th> |
| <th> |
| Column2 |
| </th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr id="itemPlaceholder" runat="server"> |
| </tr> |
| </tbody> |
| </table> |
| </div> |
| </LayoutTemplate> |
| <SelectedItemTemplate> |
| <tr class="rlvISel"> |
| <td> |
| <asp:Button ID="DeselectButton" runat="server" CommandName="Deselect" CssClass="rlvBSel" |
| Text=" " /> |
| <asp:Button ID="DeleteButton" runat="server" CommandName="Delete" CssClass="rlvBDel" |
| Text=" " /> |
| <asp:Button ID="EditButton" runat="server" CommandName="Edit" CssClass="rlvBEdit" |
| Text=" " /> |
| </td> |
| </tr> |
| </SelectedItemTemplate> |
| </telerik:RadListView> |
| </div> |
| </form> |
| </body> |
| </html> |
thankyou
1 Answer, 1 is accepted
0
Hi Jaco de Wet,
Please add the following CSS rule to your page:
.RadListView table tr.rlvIEdit td td
{
padding: 0 ;
}
Best wishes,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Please add the following CSS rule to your page:
.RadListView table tr.rlvIEdit td td
{
padding: 0 ;
}
Best wishes,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.