ListView corrupted RadComboBox image?

2 posts, 0 answers
  1. Jaco de Wet
    Jaco de Wet avatar
    4 posts
    Member since:
    Aug 2009

    Posted 20 Jan 2010 Link to this post

    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> 
                                        &nbsp; 
                                    </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
  2. Dimo
    Admin
    Dimo avatar
    8332 posts

    Posted 20 Jan 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top