Dock table cell background behavior on window resize

[Bob]

I have a RadDockLayout that contains a RadGrid.  On the browser window resize smaller than the initial size, it results in some weird table cell background repeating behavior.  I see this in Chrome, Firefox and IE.  Is there a way to fix this?

<telerik:RadDockLayout runat="server" ID="rdlMain">
    <telerik:RadDockZone runat="server" ID="rdzNotes"
        BorderStyle="None"
        FitDocks="true"
        Orientation="Vertical"
    >
        <telerik:RadDock runat="server" ID="rdNotes"
            CloseText="Notes (hidden)"
            CollapseText="Hide Notes"
            DefaultCommands="ExpandCollapse"
            DockHandle="TitleBar"
            DockMode="Docked"
            EnableRoundedCorners="true"
            ExpandText="View Notes"
            EnableDrag="false"
            Text="RadDock Notes"
            Title="Notes"
            Resizable="True"
        >
            <ContentTemplate>
                <telerik:RadGrid runat="server" ID="rgNotesList"
                    AllowAutomaticDeletes="true"
                    AllowAutomaticInserts="true"
                    AllowAutomaticUpdates="true"
                    AllowPaging="true"
                    AutoGenerateColumns="False"
                    DataSourceID="sqsNotes"
                    GridLines="None"
                    Height="99%"
                    PageSize="4"
                    ShowHeader="true"
                    ShowStatusBar="true"
                    Width="99%"
                >
                    <MasterTableView
                        CommandItemDisplay="Top"
                        DataSourceID="sqsNotes"
                        DataKeyNames="NotesID"
                        EditMode="InPlace"
                        ShowHeadersWhenNoRecords="false"
                    >
                        <Columns>
                            <telerik:GridEditCommandColumn
                                ButtonType="ImageButton"
                                ItemStyle-Width="10px"
                            />
                            <telerik:GridBoundColumn
                                DataField="Project"
                                HeaderText="Project"
                            />
                            <telerik:GridBoundColumn
                                DataField="NotesSubject"
                                HeaderText="Subject"
                            />
                            <telerik:GridBoundColumn
                                DataField="NotesDescription"
                                HeaderText="Description"
                            />
                            <telerik:GridDateTimeColumn
                                DataField="NoteDate"
                                DataFormatString="{0:d/MM/yyyy}"
                                HeaderText="Note Date"
                            />
                            <telerik:GridBoundColumn
                                DataField="CreatedBy"
                                HeaderText="Created By"
                                ReadOnly="true"
                            />
                            <telerik:GridBoundColumn
                                DataField="ModifiedBy"
                                HeaderText="Last Modified By"
                                ReadOnly="true"
                            />
                            <telerik:GridClientDeleteColumn
                                ButtonType="ImageButton"
                                ConfirmText="Are you sure you want to delete this note?"
                                ConfirmTitle="Please confirm:"
                                ItemStyle-Width="10px"
                            />
                        </Columns>
                        <HeaderStyle
                            Wrap="false"
                        />
                        <NoRecordsTemplate>
                            No notes found.
                        </NoRecordsTemplate>
                    </MasterTableView>
                </telerik:RadGrid>
            </ContentTemplate>
        </telerik:RadDock>
    </telerik:RadDockZone>
</telerik:RadDockLayout>

[Pero]

Hello Bob,

We have an article in our Knowledge Base that addresses this issue. Here is a link: http://www.telerik.com/support/kb/aspnet-ajax/dock/fixing-raddock-title-when-its-width-is-specified-in-percent-values-and-the-browser-is-resized.aspx

Regards,
Pero
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.