[Solved] Installed final release, RadGrid is not skinned anymore

[kgg]

Hi.

I've just installed the final release of RadControls for ASP.NET AJAX, only to discover that my RadGrids are not skinned anymore. Have been working fine until now. There's no CSS styling or skin images present. I haven't done anything with the code.

I have copied the new Telerik Skins folder into my application.

And the lack of skinning is only a problem with RadGrid, all the other controls I have present in my application are skinned fine.

There's no CSS styling on that page that could override the grid skinning. I'm puzzled. I have tried to change the Skin parameter of RadGrid without any change. The grid is simply not skinned.

I'm using this code:

    <telerik:RadAjaxManager ID="ajaxDokumenter" runat="server">
         <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="gridListe" EventName="EditCommand">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="formDokumenter" LoadingPanelID="loadingDokument" />
                </UpdatedControls>
            </telerik:AjaxSetting>
         </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="loadingDokument" runat="server" InitialDelayTime="1000">
        <img alt="Laster..." src='/images/AJAX/ajax-loader.gif' style="border:0;" />
    </telerik:RadAjaxLoadingPanel>

<telerik:RadGrid ID="gridListe" runat="server" ShowStatusBar="false"
                    StatusBarSettings-LoadingText="Laster..." StatusBarSettings-ReadyText="Klar"
                    PageSize="15" AllowPaging="True" AllowSorting="true"
                     AllowFilteringByColumn="false" CssClass="navStuff">

                    <MasterTableView DataKeyNames="ID,DokumentNummer" AutoGenerateColumns="False" CommandItemDisplay="Top"
                    AllowPaging="True" AllowSorting="True" GroupLoadMode="Client" >
                        <CommandItemTemplate>
                             (some code)
                        </CommandItemTemplate>
                        <Columns>
                             (some code)
                        </Columns>
                        <DetailTables>
                             (some code)
                        </DetailTables>


                        <EditFormSettings UserControlName="~/UserControls/Ny/Maler/InsertMal.ascx" EditFormType="WebUserControl" >
                            <EditColumn UniqueName="EditCommandColumn">
                            </EditColumn>
                        </EditFormSettings>

                        <CommandItemSettings AddNewRecordText="Legg til nytt dokument" RefreshText="Oppdater" />

                        <NoRecordsTemplate>
                            Ingen dokumenter ble funnet.
                        </NoRecordsTemplate>

                    </MasterTableView>

                    <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true"
                    PagerTextFormat="Sider: {4} | Viser side {0} av {1}, dokument {2} til {3} av totalt {5}" />


          </telerik:RadGrid>

[Konstantin Petkov]

Hello kjellgaute,

The Grid seems to have additional CSS class applied ("navStuff"). Can you share what you apply through that?

You can also check if disabling AJAX makes any difference (setting RadAjaxManager.EnableAJAX to false).

Best wishes,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[kgg]

The problem is not with "navStuff". It's for making printer-friendly pages. Basically just this:

<link rel="stylesheet" media="print" title="Printer-Friendly Style"
         type="text/css" href="/Office2007Client/Css/PrinterFriendly.css" />

And in PrinterFriendly.css I have:

.navStuff
{
    display: none;
}

I've tried to remove that parameter, same result.

No change when I set EnableAJAX="false" either.

[kgg]

Well, I included the skin CSS in my page and that kind of worked:

<link href="/Skins/Default/Grid.Default.css" rel="stylesheet" type="text/css" />

Though, it didn't work for the <PagerStyle > parameter. The pager is still not skinned. I can't see any other CSS to include in the page...

Still it's weird that I have to do this to make it work... No themes or anything that could be causing the problem. I've looked everywhere. And as mentioned it worked like a charm before installing the final release.

[Dimo]

Hi Кjell,

I used the code provided in your first post (with some minor modifications) and RadGrid displayed its skin properly. Please find attached a sample project (no assemblies attached to save bandwidth). Please test this project on your side and let us know how it goes.

Please check whether the RadGrid skin is registered on the web page (look for the <link> tag). If not, then please go through your code and find out what disables the skin. Also, please try setting the Skin property declaratively and see whether it makes any difference.

If nothing helps, please open a support ticket and attach a project, which we will run locally and see what is the problem. Thank you in advance.


Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center