This is a migrated thread and some comments may be shown as answers.

Style Issue in Telerik RadGrid after Upgrading

3 Answers 164 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mahe
Top achievements
Rank 1
Mahe asked on 22 Feb 2012, 11:16 AM
Hi there
             As i needed the culture property for telerik controls I have just upgraded my telerik version(2008) to 2010.3.1317.35. Once the upgradation done everything works fine but all the controls especially telerik RadGrid showing some style issue.
For instance the pagination has gone vertical instead of horizontal, also there are some spacing issues.
I have searched the telerik forums & followed the procedures carefully while upgrading, like replacing the old DLLs with new ones &
adding the references wherever needed. I couldnt get an idea of where im going wrong or what i need to do. Please assist me in this regard & help us sort it out as we're nearing our deployment. For ur info i've attached the screen shot & the mark-up code for that


<telerik:RadGrid ID="dgApplications" runat="server" Width="98%" AutoGenerateColumns="False"
        GridLines="None" OnDeleteCommand="dgApplications_DeleteCommand" AllowFilteringByColumn="false"
        AllowSorting="True" EnableAJAX="True" AllowPaging="True" PageSize="10" Skin="Office2007">
        <MasterTableView DataKeyNames="Id" HorizontalAlign="NotSet" CellSpacing="0">
            <Columns>
                <telerik:GridTemplateColumn UniqueName="Name" ItemStyle-Width="15%" AllowFiltering="False">
                    <ItemTemplate>
                        <asp:Panel ID="pnlAction" runat="server">
                            <p style="padding-left: 6px;">
                                <asp:HyperLink ID="lnkViewFile" CssClass="input-button-forms" runat="server" Visible='<%# ShowViewLink  %>'
                                    ToolTip="View File" Text="<%$ Resources:eRSOLanguage, View %>" />
                                <asp:HyperLink ID="lnkWorkOnFile" CssClass="input-button-forms" runat="server" Visible='<%# ShowWorkOnFileLink %>'
                                    ToolTip="Work On File" Text='<%# EditLinkText %>' />
                                <asp:HyperLink ID="lnkClone" CssClass="input-button-forms" runat="server" Visible='<%# ShowCloneLink %>'
                                    ToolTip="Clone File" Text="<%$ Resources:eRSOLanguage, ApplicationListClone %>" />
                                <asp:LinkButton ID="lnkUnlock" CssClass="input-button-forms" CommandName="Unlock"
                                    CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ApplicationReferenceNumber") %>'
                                    runat="server" ToolTip="Unlock" Text="Unlock" Visible="false" />
                                <asp:LinkButton ID="imgbtnDelete" CssClass="input-button-forms" runat="server" CommandName="Delete"
                                    CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ApplicationReferenceNumber") %>'
                                    AlternateText="<%$ Resources:eRSOLanguage, Delete %>" Text="<%$ Resources:eRSOLanguage, Delete %>" Visible='<%# HasDeletePermission %>' ToolTip="Delete"
                                    OnClientClick="javascript: return confirm('Localize(RemoveConfirmAL)');" />
                                <asp:HyperLink ID="ViewEventColumn" CssClass="input-button-forms" runat="server"
                                    Visible='<%# ShowEventLink %>' ToolTip="View Events" Text="<%$ Resources:eRSOLanguage, ApplicationListEvents %>" NavigateUrl='<%# "~/Researcher/HomePage/MyEvent.aspx?FileNo=" + DataBinder.Eval(Container.DataItem, "FileNo").ToString()+"&amp;ReturnAddress=~/Researcher/HomePage/MyApplicationList.aspx"%>' />
                                <asp:Label ID="lblAlreadyLocked" runat="server" CssClass="error-Message" Visible="False"></asp:Label>
                            </p>
                        </asp:Panel>
                        <asp:Panel ID="pnlError" Visible="False" Style="padding-left: 6px; padding-top: 4px;
                            padding-bottom: 4px;" runat="server">
                            <asp:LinkButton ID="lnkDeleteInvalidApp" CssClass="input-button-forms" runat="server"
                                CommandName="Delete" CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ApplicationReferenceNumber") %>'
                                AlternateText="<%$ Resources:eRSOLanguage, Delete %>" Text="<%$ Resources:eRSOLanguage, Delete %>" Visible="true" ToolTip="<%$ Resources:eRSOLanguage, Delete %>" OnClientClick="javascript: return confirm('Localize(RemoveConfirmAL)');" />
                            <asp:Label ID="lblError" runat="server" CssClass="error-Message"></asp:Label>
                        </asp:Panel>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Left" />
                </telerik:GridTemplateColumn>
                <telerik:GridBoundColumn SortExpression="ProjectTitleDisplay" ItemStyle-Width="20%"
                    DataField="ProjectTitle" UniqueName="ProjectTitleDisplay" HeaderText="<%$ Resources:eRSOLanguage, ApplicationListProjectTitle %>"
                    ItemStyle-Height="22px" />
                <telerik:GridBoundColumn SortExpression="PrimaryInvestigatorFullName" ItemStyle-Width="15%"
                    DataField="PrimaryInvestigatorFullName" UniqueName="PIFullNameDisplay" HeaderText="<%$ Resources:eRSOLanguage, ApplicationListPrincipalInvestigator %>" />
                <telerik:GridBoundColumn SortExpression="FileNo" DataField="FileNo" ItemStyle-Width="5%"
                    UniqueName="FileNo" HeaderText="<%$ Resources:eRSOLanguage, ApplicationListFileNo %>" />
                <telerik:GridBoundColumn SortExpression="ApplicationFormName" ItemStyle-Width="15%"
                    DataField="ApplicationFormFullName" UniqueName="ApplicationFormName" HeaderText="<%$ Resources:eRSOLanguage, ApplicationListApplicationFormName %>" />
                <telerik:GridBoundColumn SortExpression="WorkFlowStateName" ItemStyle-Width="10%" DataField="WorkFlowStateName"
                    UniqueName="WorkFlowStateName" HeaderText="<%$ Resources:eRSOLanguage, ApplicationListWorkFlowState %>" />
                <telerik:GridBoundColumn SortExpression="ProjectStatusName" DataField="ProjectStatusName"
                    UniqueName="ProjectStatusName" HeaderText="<%$ Resources:eRSOLanguage, ApplicationListProjectStatus %>" />
                <telerik:GridBoundColumn SortExpression="LastSavedDate" ItemStyle-Width="10%" DataField="LastSavedDate"
                    UniqueName="LastSavedDate" DataFormatString="&lt;nobr&gt;{0:yyyy/MM/d}&lt;/nobr&gt;"
                    HeaderText="<%$ Resources:eRSOLanguage, ApplicationListLastSaved %>" />
                <telerik:GridTemplateColumn UniqueName="Message" ItemStyle-Width="10%" HeaderText="<%$ Resources:eRSOLanguage, Message %>"
                    AllowFiltering="False">
                    <ItemTemplate>
                        <asp:Label ID="lblLastWorkflowLog" runat="server" Text="Label"></asp:Label>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Left" />
                    <HeaderStyle ForeColor="Black" />
                </telerik:GridTemplateColumn>
            </Columns>
            <ExpandCollapseColumn Visible="False">
                <HeaderStyle Width="19px" />
            </ExpandCollapseColumn>
            <RowIndicatorColumn Visible="False">
                <HeaderStyle Width="20px" />
            </RowIndicatorColumn>
        </MasterTableView>
        <PagerStyle Mode="NextPrevNumericAndAdvanced" />
        <GroupingSettings CaseSensitive="False" />
    </telerik:RadGrid>

3 Answers, 1 is accepted

Sort by
0
Milena
Telerik team
answered on 27 Feb 2012, 12:13 PM
Hi,

I prepared a sample project based on the provided information in order to reproduce the problem, but no avail. Attached you can find the project, which I used for testing, please review it and let me know if I am missing something in replicating the issue. Additionally, I would recommend you to upgrade to the latest version of RadControls and verify if the problem still exists.

Kind regards,
Milena
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Web Developer
Top achievements
Rank 1
answered on 05 Mar 2015, 04:20 PM
I have this same problem after Upgrading to the Newest version of Telerik UI for ASP.NET Ajax, all my grids lost their styles
0
Milena
Telerik team
answered on 10 Mar 2015, 08:05 AM
Hello,

Can you provide more information about the issue in order to replicate it on our end? You can strip a sample page, where the issue could be observed and we will investigate it locally.

Regards,
Milena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
Mahe
Top achievements
Rank 1
Answers by
Milena
Telerik team
Web Developer
Top achievements
Rank 1
Share this question
or