Telerik.Web.UI.Skins.GridLite.css or Telerik.Web.UI.Skins.Grid.css

4 posts, 0 answers
  1. Julien
    Julien avatar
    3 posts
    Member since:
    Jun 2016

    Posted 27 Sep Link to this post

    Hi,

    I have two .aspx webpages, each one has a RadGrid on it. Both have a master page file in common so the calls for css files should be the same.

    But, styles differ on page A from page B.

    On page A Telerik.Web.UI.Skins.GridLite.css is in the combined css file. While on page B, Telerik.Web.UI.Skins.Grid.css is in the combined css file.

    Why ?

    Css files are called this way in the master page :

    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
        <StyleSheets>
            <telerik:StyleSheetReference Name="mytheme.mytheme.Grid.mytheme.css"
                Assembly="mytheme"></telerik:StyleSheetReference>
        </StyleSheets>
    </telerik:RadStyleSheetManager>

    And in the web.config I have set :

    <add key="Telerik.Web.UI.RenderMode" value="lightweight" />

    I use a custom skin made with Telerik theme builder and skin assembly

  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 30 Sep Link to this post

    Hello Julien,

    In this case I would suggest you to manually set in the RadGrid on page B the РenderMode to be Lightweight in the markup.
    We have reports for similar issue and a fix for this problem is already implemented.The fix will be available in the upcoming SP release. However, in order we to be sure that the fix will cover your specific scenario I would kindly ask you to share the problematic RadGrid markup so that we can inspect it locally.

    Regards,
    Maria Ilieva
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Julien
    Julien avatar
    3 posts
    Member since:
    Jun 2016

    Posted 30 Sep Link to this post

    Here are the two Radgrid controls (I have to add RenderMode="Lightweight" to the first one to have same CSS on both) :

    <telerik:RadGrid ID="RadGrid1" runat="server" CellSpacing="0" MasterTableView-HierarchyLoadMode="Client" AllowFilteringByColumn="True" GroupingSettings-CaseSensitive="False" EnableHeaderContextMenu="True" PageSize="50"
                    AllowAutomaticDeletes="True" AllowSorting="True" ShowStatusBar="False" AllowMultiRowEdit="false" AllowMultiRowSelection="True"
                    GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" CssClass="tableContainer bordering z-depth-1">
     
                    <ClientSettings Selecting-AllowRowSelect="true" Selecting-EnableDragToSelectRows="True" EnableRowHoverStyle="False">
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="500px"></Scrolling>
                        <ClientEvents OnCommand="gridCommand" />
                        <Resizing AllowColumnResize="True" AllowRowResize="true" ResizeGridOnColumnResize="true"
                            ClipCellContentOnResize="true" EnableRealTimeResize="true" AllowResizeToFit="false" />
                    </ClientSettings>
                    <PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" />
                    <MasterTableView AllowPaging="True" AutoGenerateColumns="False" DataKeyNames="IdFile" EditMode="EditForms" ExpandCollapseColumn-ExpandImageUrl="Images/icons/plus.png" ExpandCollapseColumn-CollapseImageUrl="Images/icons/moins.png" ExpandCollapseColumn-ButtonType="ImageButton">
                        <CommandItemTemplate>
                            <items>
                                  <telerik:RadToolBarButton Text="Apply filter" CommandName="FilterRadGrid" ImagePosition="Right"></telerik:RadToolBarButton>
                             </items>
     
                        </CommandItemTemplate>
                        <ColumnGroups>
                            <telerik:GridColumnGroup Name="Visa" HeaderText="VISA" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="True"></telerik:GridColumnGroup>
                            <telerik:GridColumnGroup Name="Answer" HeaderText="Réponse" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="True"></telerik:GridColumnGroup>
                        </ColumnGroups>
                        <Columns>
     
                            <telerik:GridBoundColumn DataField="IdFile" HeaderText="IdFile" UniqueName="IdFile" Display="False" AllowFiltering="False">
                            </telerik:GridBoundColumn>
                            <%--                <telerik:GridBoundColumn DataField="IDFichier" HeaderText="ID de la table fichiers" UniqueName="IDFichier" Display="False" AllowFiltering="False">
                    </telerik:GridBoundColumn>--%>
                            <telerik:GridBoundColumn DataField="Contact" HeaderText="ID" UniqueName="Contact" Display="false" AllowFiltering="False">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="IdBordereau" HeaderText="ID" UniqueName="IdBordereau" Display="false" AllowFiltering="False">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="codeApp" HeaderText="ID" UniqueName="codeApp" Display="false" AllowFiltering="False">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Num"
                                FilterControlAltText="Filter nom_fichier column" HeaderText=""
                                SortExpression="Num" UniqueName="Num" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="DateCreate" DataFormatString="{0:dd/MM/yyyy}" AllowFiltering="True"
                                FilterControlAltText="Filter designation column" HeaderText="Diffusion"
                                SortExpression="DateCreate" UniqueName="DateCreate" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="nom_fichier"
                                FilterControlAltText="Filter nom_fichier column" HeaderText="Documents" Display="False" AllowFiltering="False"
                                SortExpression="nom_fichier" UniqueName="nom_fichier" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridAttachmentColumn
                                HeaderText="New Doc"
                                AttachmentKeyFields="nom_fichier,IdFile" FileNameTextField="nom_fichier" DataTextField="nom_fichier"
                                UniqueName="AttachmentColumn" DataTextFormatString="<nobr>{0}</nobr>">
                            </telerik:GridAttachmentColumn>
                            <telerik:GridBoundColumn DataField="designation"
                                FilterControlAltText="Filter designation column" HeaderText="" AllowFiltering="false"
                                SortExpression="designation" UniqueName="designation" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="destinataires" ColumnGroupName="Visa"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="destinataires" UniqueName="destinataires" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="libelle" ColumnGroupName="Visa"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="libelle" UniqueName="libelle" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="observation" Display="False" ColumnGroupName="Visa"
                                FilterControlAltText="Filter designation column" HeaderText="Observation"
                                SortExpression="observation" UniqueName="observation" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridTemplateColumn HeaderText="" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataField="observation" UniqueName="labobservation" ColumnGroupName="Visa">
                                <ItemTemplate>
                                    <asp:Label ID="LabelObservation" runat="server" Text='<%# Bind("observation", "<nobr>{0}</nobr>") %>' />
                                    <telerik:RadToolTip ID="RadToolTip1" runat="server" TargetControlID="LabelObservation" Width="350px" AutoCloseDelay="0"
                                        RelativeTo="Element" Position="MiddleRight">
                                        <%# DataBinder.Eval(Container, "DataItem.observation") %>
                                    </telerik:RadToolTip>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                            <telerik:GridBoundColumn DataField="DateCourrier" DataFormatString="{0:dd/MM/yyyy}" ColumnGroupName="Visa"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="DateCourrier" UniqueName="DateCourrier" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="NumVisa" ColumnGroupName="Visa"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="NumVisa" UniqueName="NumVisa" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridAttachmentColumn
                                HeaderText="" ColumnGroupName="Visa" AllowFiltering="false"
                                AttachmentKeyFields="NameCourrier" FileNameTextField="IdFile" DataTextField="NameCourrier"
                                UniqueName="AttachmentColumnVisa" DataTextFormatString="<nobr>{0}</nobr>">
                            </telerik:GridAttachmentColumn>
                            <telerik:GridBoundColumn DataField="NameCourrier" Display="False" ColumnGroupName="Visa" AllowFiltering="false"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="NameCourrier" UniqueName="NameCourrier" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="etatDate" DataFormatString="{0:dd/MM/yyyy}" ColumnGroupName="Visa"
                                FilterControlAltText="Filter etatDate column" HeaderText=""
                                SortExpression="etatDate" UniqueName="etatDate" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="etat" ColumnGroupName="Visa"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="etat" UniqueName="etat" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="DateRep" DataFormatString="{0:dd/MM/yyyy}" ColumnGroupName="Answer" AllowFiltering="False"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="DateRep" UniqueName="DateRep" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="StatutRep" ColumnGroupName="Answer"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="StatutRep" UniqueName="StatutRep" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>">
                            </telerik:GridBoundColumn>
                            <telerik:GridAttachmentColumn
                                HeaderText="" ColumnGroupName="Answer"
                                AttachmentKeyFields="NameRep" FileNameTextField="IdFile" DataTextField="NameRep"
                                UniqueName="AttachmentColumnRep" DataTextFormatString="<nobr>{0}</nobr>">
                            </telerik:GridAttachmentColumn>
                            <telerik:GridBoundColumn DataField="NameRep" Display="False"
                                FilterControlAltText="Filter designation column" HeaderText=""
                                SortExpression="NameRep" UniqueName="NameRep" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                            </telerik:GridBoundColumn>
                            <telerik:GridButtonColumn ImageUrl="Images/icons/record.png" ButtonType="ImageButton" CommandName="gestion" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                FilterControlAltText="Filter Valid column" HeaderText="" Display="True"
                                SortExpression="Gestion" UniqueName="Gestion">
                            </telerik:GridButtonColumn>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" EditImageUrl="Images/icons/modif.png" HeaderText=""
                                CancelImageUrl="Images/icons/close.png" UpdateImageUrl="Images/icons/check.png" CancelText="Annuler" UpdateText="Annuler" EditText="Modifier le statut du fichier">
     
                                <HeaderStyle Width="40px"></HeaderStyle>
                            </telerik:GridEditCommandColumn>
                            <telerik:GridButtonColumn ButtonType="ImageButton" Display="False" UniqueName="PdfCommand" ImageUrl="flexigrid/css/images/exportpdf.png" CommandName="viewpdf" HeaderText="">
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </telerik:GridButtonColumn>
     
                        </Columns>
     
     
                        <EditFormSettings EditFormType="Template">
                            <FormTemplate>
                                <table id="Table1">
                                    <tr>
                                        <td>
                                            <b>
                                                <asp:Label runat="server" ID="LabEditTitle" Text="Modification du visa :" /></b>
                                        </td>
                                    </tr>
                                    <%-- TR ET TD OBLIGATOIRE POUR LA MISE EN FORME --%>
                                    <tr>
                                        <td>
                                            <table id="Table3" cellspacing="1" cellpadding="1" width="100%" border="0" class="module">
     
                                                <tr>
                                                    <td>
                                                        <asp:Label runat="server" ID="LabEditStatut" Text="Statut d'approbation :" />
                                                    </td>
                                                    <td>
                                                        <telerik:RadComboBox ID="DropApprobationFichier" runat="server" DataSourceID="SqlTypeVisa" Text='<%# Bind("libelle") %>' DataTextField="libelle" DataValueField="libelle"
                                                            TabIndex="7"
                                                            AppendDataBoundItems="True" Width="100%">
                                                        </telerik:RadComboBox>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label runat="server" ID="LabEditObs" Text="Observation :" />
     
                                                    </td>
                                                    <td>
                                                        <telerik:RadTextBox ID="TextObsFichier" runat="server" Text='<%# Bind("Observation") %>' TextMode="MultiLine" Width="100%" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label runat="server" ID="LabEditNumVisa" Text="Numéro du VISA :" />
     
                                                    </td>
                                                    <td>
                                                        <telerik:RadTextBox ID="TextNumVisa" runat="server" Text='<%# Bind("NumVisa") %>' Width="100%" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label runat="server" ID="labEditDateVisa" Text="Date de réception du VISA :" />
                                                    </td>
                                                    <td>
                                                        <telerik:RadDatePicker ID="DateRef" runat="server" DbSelectedDate='<%# Bind("DateCourrier") %>' Width="100%">
                                                            <DateInput DateFormat="dd/MM/yyyy" />
     
                                                        </telerik:RadDatePicker>
     
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="LabEditEtatVisa" runat="server" Text="Etat du VISA : " />
                                                    </td>
                                                    <td>
                                                        <telerik:RadComboBox ID="cb_EtatVisa" runat="server" DataSourceID="SqlEtatVisa" Text='<%# Bind("etat") %>'
                                                            SelectedValue='<%# DataBinder.Eval(Container.DataItem, "etat") %>' DataTextField="etat" DataValueField="etat"
                                                            TabIndex="7" AppendDataBoundItems="True" Width="100%" />
     
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="LabEditDateEtatVisa" runat="server" Text="Date de l'état du VISA : " />
                                                    </td>
                                                    <td>
                                                        <telerik:RadDatePicker ID="RadDateEtatVisa" runat="server" DbSelectedDate='<%# Bind("etatDate") %>' Width="100%">
                                                            <DateInput DateFormat="dd/MM/yyyy" />
                                                        </telerik:RadDatePicker>
     
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:Label ID="LabEditCourrier" runat="server" Text="Courrier de référence : " />
     
                                                    </td>
                                                    <td>
                                                        <telerik:RadAsyncUpload ID="UploadCourrier" runat="server" MultipleFileSelection="Disabled" ControlObjectsVisibility="ClearButtons">
                                                            <Localization Select="Parcourir" Remove="Supprimer" />
     
                                                        </telerik:RadAsyncUpload>
     
                                                        <%--<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />
                                                <telerik:RadProgressArea ID="RadProgressArea1" runat="server" />--%>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td>
                                                        <telerik:RadButton ID="btnUpdateFichier" CssClass="cloudBtn" Text="Update" Width="18px" Height="18px" AutoPostBack="true"
                                                            runat="server" CommandName='<%# IIf((TypeOf (Container) Is GridEditFormInsertItem), "PerformInsert", "Update")%>'>
                                                            <Image ImageUrl="Images/icons/check.png" />
                                                        </telerik:RadButton>
                                                        <telerik:RadButton ID="btnCancelFichier" CssClass="cloudBtn" Text="Cancel" Width="18px" Height="18px" runat="server" CausesValidation="False" CommandName="Cancel">
                                                            <Image ImageUrl="Images/icons/close.png" />
                                                        </telerik:RadButton>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </FormTemplate>
                        </EditFormSettings>
     
     
                        <DetailTables>
     
                            <telerik:GridTableView runat="server" AllowPaging="True" Name="Detail" HierarchyLoadMode="Client" ExpandCollapseColumn-ExpandImageUrl="Images/icons/plus.png" ExpandCollapseColumn-CollapseImageUrl="Images/icons/moins.png" ExpandCollapseColumn-ButtonType="ImageButton"
                                DataKeyNames="IdFile,ID" PageSize="5" Culture="fr-FR"
                                AutoGenerateColumns="False" NoDetailRecordsText="Aucun élément pour ce fichier" EditMode="EditForms">
     
                                <ParentTableRelation>
                                    <telerik:GridRelationFields DetailKeyField="IdFile"
                                        MasterKeyField="IdFile" />
                                </ParentTableRelation>
                                <DetailTables>
     
                                    <telerik:GridTableView runat="server" DataKeyNames="ID,IdObservation" AllowPaging="True" PageSize="5"
                                        Name="GridReponse" AutoGenerateColumns="False">
                                        <ParentTableRelation>
                                            <telerik:GridRelationFields DetailKeyField="IdObservation"
                                                MasterKeyField="ID" />
                                        </ParentTableRelation>
                                        <Columns>
                                            <telerik:GridBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID" Display="false" />
                                            <telerik:GridBoundColumn DataField="IdFile" HeaderText="ID" UniqueName="IdFile" Display="false" />
                                            <telerik:GridBoundColumn DataField="IdObservation" HeaderText="ID" UniqueName="IdObservation" Display="false" />
                                            <telerik:GridBoundColumn DataField="reponse"
                                                FilterControlAltText="Filter column2 column" HeaderText="" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                                UniqueName="reponse" />
     
                                            <telerik:GridBoundColumn DataField="DateReponse" DataFormatString="{0:dd/MM/yyyy}"
                                                FilterControlAltText="Filter DateReponse column" HeaderText="Date Réponse"
                                                SortExpression="DateReponse" UniqueName="DateReponse" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" />
                                            <telerik:GridBoundColumn DataField="Commentaire"
                                                FilterControlAltText="Filter Commentaire column" HeaderText="Commentaire"
                                                SortExpression="Commentaire" UniqueName="Commentaire" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" />
     
                                            <telerik:GridAttachmentColumn
                                                HeaderText=""
                                                AttachmentKeyFields="NameCourrier,IdFile,ID" FileNameTextField="NameCourrier" DataTextField="NameCourrier"
                                                UniqueName="AttachmentColumnReponse">
                                            </telerik:GridAttachmentColumn>
                                            <telerik:GridBoundColumn DataField="NameCourrier" Display="False"
                                                FilterControlAltText="Filter designation column" HeaderText=""
                                                SortExpression="NameCourrier" UniqueName="NameCourrier" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                                            </telerik:GridBoundColumn>
                                        </Columns>
                                    </telerik:GridTableView>
                                </DetailTables>
                                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"
                                    Visible="True">
                                </ExpandCollapseColumn>
                                <Columns>
                                    <telerik:GridBoundColumn DataField="ID" HeaderText="IDRemarque" UniqueName="ID" Display="false" />
                                    <telerik:GridBoundColumn DataField="IdFile" HeaderText="ID" UniqueName="IdFile" Display="false">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="Obs"
                                        FilterControlAltText="Filter column2 column" HeaderText="" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                        UniqueName="column2">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField="etat" FilterControlAltText="Filter etat column" SortExpression="etat" UniqueName="etat" HeaderText="" Visible="True"
                                        HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" />
                                    <telerik:GridBoundColumn DataField="etatDate" DataFormatString="{0:dd/MM/yyyy}"
                                        FilterControlAltText="Filter etatDate column" HeaderText=""
                                        SortExpression="etatDate" UniqueName="etatDate" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridAttachmentColumn
                                        HeaderText=""
                                        AttachmentKeyFields="NameCourrier,IdFile,ID" FileNameTextField="NameCourrier" DataTextField="NameCourrier"
                                        UniqueName="AttachmentColumnRemarque">
                                    </telerik:GridAttachmentColumn>
                                    <telerik:GridBoundColumn DataField="NameCourrier" Display="False"
                                        FilterControlAltText="Filter designation column" HeaderText=""
                                        SortExpression="NameCourrier" UniqueName="NameCourrier" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                                    </telerik:GridBoundColumn>
     
                                </Columns>
     
                            </telerik:GridTableView>
                        </DetailTables>
     
                        <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                        </ExpandCollapseColumn>
     
                    </MasterTableView>
     
     
                    <ClientSettings EnableRowHoverStyle="True">
                        <Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>
                    </ClientSettings>
     
     
                    <FilterMenu EnableImageSprites="False"></FilterMenu>
                </telerik:RadGrid>

    ----------------------------------------------------------

    <telerik:RadGrid AllowFilteringByColumn="True" Height="500px" runat="server" PageSize="50" ID="GridBordereauList" EnableHeaderContextMenu="True" AllowSorting="True" GroupingSettings-CaseSensitive="False" DataSourceID="SqlBordereauList" AutoGenerateColumns="false" AllowPaging="True" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" AllowMultiRowSelection="False" CssClass="tableContainer bordering z-depth-1">
     
                        <ClientSettings Selecting-AllowRowSelect="true" EnableRowHoverStyle="True">
                            <Scrolling AllowScroll="True" UseStaticHeaders="True"></Scrolling>
                            <ClientEvents OnRowContextMenu="RowContextMenu" />
                            <Resizing AllowColumnResize="True" AllowRowResize="true" ResizeGridOnColumnResize="true"
                                ClipCellContentOnResize="true" EnableRealTimeResize="true" AllowResizeToFit="false" />
                        </ClientSettings>
                        <PagerStyle Mode="NextPrevNumericAndAdvanced" AlwaysVisible="true" />
                        <MasterTableView ExpandCollapseColumn-CollapseImageUrl="Images/icons/moins.png" ExpandCollapseColumn-ExpandImageUrl="Images/icons/plus.png" ExpandCollapseColumn-ButtonType="ImageButton"
                            DataKeyNames="Bordereau">
     
                            <CommandItemTemplate>
                                <telerik:RadToolBar runat="server" ID="RadToolBar1">
                                    <Items>
                                        <telerik:RadToolBarButton Text="" CommandName="FilterRadGrid" ImagePosition="Right"></telerik:RadToolBarButton>
                                    </Items>
                                </telerik:RadToolBar>
                            </CommandItemTemplate>
     
                            <Columns>
                                <telerik:GridBoundColumn DataField="Bordereau" FilterControlAltText="Filter CodePhase column" HeaderText="ID" Display="False" AllowFiltering="False"
                                    SortExpression="Bordereau" UniqueName="Bordereau" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" />
     
                                <telerik:GridBoundColumn DataField="Num" FilterControlAltText="Filter CodePhase column" HeaderText=""
                                    SortExpression="Num" UniqueName="Num" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>" />
     
                                <telerik:GridBoundColumn DataField="VRef" FilterControlAltText="Filter CodePhase column" HeaderText=""
                                    SortExpression="VRef" UniqueName="VRef" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>" />
     
                                <telerik:GridBoundColumn DataField="NRef" FilterControlAltText="Filter CodePhase column" HeaderText=""
                                    SortExpression="NRef" UniqueName="NRef" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>" />
     
                                <telerik:GridBoundColumn DataField="DateDiff" FilterControlAltText="Filter LibPhase column" HeaderText="" DataFormatString="{0:dd/MM/yyyy}"
                                    SortExpression="DateDiff" UniqueName="DateDiff" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" />
     
                                <telerik:GridBoundColumn DataField="DateCreate" FilterControlAltText="Filter LibPhase column" HeaderText="" DataFormatString="{0:dd/MM/yyyy}"
                                    SortExpression="DateCreate" UniqueName="DateCreate" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" />
     
                                <telerik:GridBoundColumn DataField="LastEdit" FilterControlAltText="Filter CodePhase column" HeaderText="" DataFormatString="{0:dd/MM/yyyy}"
                                    SortExpression="LastEdit" UniqueName="LastEdit" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" />
     
                                <telerik:GridBoundColumn DataField="Author" FilterControlAltText="Filter LibPhase column" HeaderText=""
                                    SortExpression="Author" UniqueName="Author" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>" />
     
                                <telerik:GridBoundColumn DataField="Approvement" FilterControlAltText="Filter LibPhase column" HeaderText="" Display="False"
                                    SortExpression="Approvement" UniqueName="Approvement" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" DataFormatString="<nobr>{0}</nobr>" />
     
                                <telerik:GridButtonColumn ConfirmText="Êtes-vous sur de vouloir supprimer ce bordereau ?" ConfirmDialogType="RadWindow" HeaderStyle-HorizontalAlign="Center" HeaderText=""
                                    ConfirmTitle="Suppression" ButtonType="ImageButton" ImageUrl="Images/icons/delete.png" CommandName="Delete" Text="Delete"
                                    UniqueName="DeleteColumn">
                                    <ItemStyle HorizontalAlign="Center"></ItemStyle>
                                </telerik:GridButtonColumn>
                                <telerik:GridButtonColumn ImageUrl="Images/Boutons/New/actionView.gif" ButtonType="ImageButton" CommandName="img" Display="False"
                                    FilterControlAltText="Filter Valid column" HeaderText="" ItemStyle-HorizontalAlign="Center"
                                    SortExpression="View" UniqueName="View">
                                </telerik:GridButtonColumn>
                            </Columns>
     
     
                            <DetailTables>
                                <telerik:GridTableView runat="server" AllowFilteringByColumn="True" DataKeyNames="nom_fichier,Bordereau" Name="GRIDINFOSBORDEREAUX" ExpandCollapseColumn-CollapseImageUrl="Images/icons/moins.png" ExpandCollapseColumn-ExpandImageUrl="Images/icons/plus.png" ExpandCollapseColumn-ButtonType="ImageButton"
                                    DataSourceID="SQLInfosBordereau" AutoGenerateColumns="False">
     
                                    <DetailTables>
                                        <telerik:GridTableView runat="server" DataKeyNames="ID" AllowPaging="True" PageSize="5" ExpandCollapseColumn-CollapseImageUrl="Images/icons/moins.png" ExpandCollapseColumn-ExpandImageUrl="Images/icons/plus.png" ExpandCollapseColumn-ButtonType="ImageButton"
                                            Name="GridRemarque" AutoGenerateColumns="False">
     
                                            <DetailTables>
                                                <telerik:GridTableView runat="server" DataKeyNames="IdRemarque" AllowPaging="True" PageSize="5" ExpandCollapseColumn-CollapseImageUrl="Images/icons/moins.png" ExpandCollapseColumn-ExpandImageUrl="Images/icons/plus.png" ExpandCollapseColumn-ButtonType="ImageButton"
                                                    Name="GridReponse" AutoGenerateColumns="False">
                                                    <Columns>
                                                        <telerik:GridBoundColumn DataField="IdRemarque" HeaderText="ID" UniqueName="IdRemarque" Display="false" />
     
                                                        <telerik:GridBoundColumn DataField="reponse"
                                                            FilterControlAltText="Filter column2 column" HeaderText="Réponse" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                                            UniqueName="reponse" DataFormatString="<nobr>{0}</nobr>" />
     
                                                        <telerik:GridBoundColumn DataField="DateReponse" DataFormatString="{0:dd/MM/yyyy}"
                                                            FilterControlAltText="Filter DateReponse column" HeaderText="Date Réponse"
                                                            SortExpression="DateReponse" UniqueName="DateReponse" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" />
     
                                                        <telerik:GridTemplateColumn HeaderText="Courrier de référence" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                                                            <ItemTemplate>
                                                                <asp:LinkButton ID="Btn_DetailFileOpen" runat="server" Text='<%# Bind("NameCourrier") %>' OnClick="BtnDetailReponse_Click" CausesValidation="true" />
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                    </Columns>
                                                </telerik:GridTableView>
                                            </DetailTables>
     
                                            <Columns>
                                                <telerik:GridBoundColumn DataField="ID" HeaderText="IDRemarque" UniqueName="ID" Display="false" />
                                                <telerik:GridBoundColumn DataField="IdFile" HeaderText="ID" UniqueName="IdFile" Display="false">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="Obs"
                                                    FilterControlAltText="Filter column2 column" HeaderText="Observation" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                                    UniqueName="column2" DataFormatString="<nobr>{0}</nobr>">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridBoundColumn DataField="etat" FilterControlAltText="Filter etat column" SortExpression="etat" UniqueName="etat" HeaderText="Etat" Visible="True"
                                                    HeaderStyle-HorizontalAlign="Center" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Center" />
                                                <telerik:GridBoundColumn DataField="etatDate" DataFormatString="{0:dd/MM/yyyy}"
                                                    FilterControlAltText="Filter etatDate column" HeaderText="Date Etat"
                                                    SortExpression="etatDate" UniqueName="etatDate" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                                                </telerik:GridBoundColumn>
                                                <telerik:GridTemplateColumn HeaderText="Courrier de référence" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
                                                    <ItemTemplate>
                                                        <asp:LinkButton ID="Btn_DetailFileOpen" runat="server" Text='<%# Bind("NameCourrier") %>' OnClick="BtnDetailLnk_Click" CausesValidation="true" />
                                                    </ItemTemplate>
                                                </telerik:GridTemplateColumn>
     
                                            </Columns>
     
                                            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"
                                                Visible="True">
                                            </ExpandCollapseColumn>
     
                                        </telerik:GridTableView>
     
                                    </DetailTables>
     
                                    <ParentTableRelation>
                                        <telerik:GridRelationFields DetailKeyField="Bordereau"
                                            MasterKeyField="Bordereau" />
                                    </ParentTableRelation>
                                    <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"
                                        Visible="True">
                                    </RowIndicatorColumn>
                                    <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"
                                        Visible="True">
                                    </ExpandCollapseColumn>
     
                                    <Columns>
                                        <telerik:GridBoundColumn DataField="IdFile" Display="False"
                                            FilterControlAltText="Filter v_ref column" HeaderText="ID"
                                            SortExpression="IdFile" UniqueName="IdFile">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="codeApp" Display="False"
                                            FilterControlAltText="Filter v_ref column" HeaderText="App"
                                            SortExpression="codeApp" UniqueName="codeApp">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Nom_Fichier"
                                            FilterControlAltText="Filter v_ref column" HeaderText="Nom du fichier"
                                            SortExpression="Nom_Fichier" UniqueName="Nom_Fichier" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Classe"
                                            FilterControlAltText="Filter v_ref column" HeaderText=""
                                            SortExpression="Classe" UniqueName="Classe" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Contact"
                                            FilterControlAltText="Filter v_ref column" HeaderText="Destinataire"
                                            SortExpression="Contact" UniqueName="Contact" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Type"
                                            FilterControlAltText="Filter v_ref column" HeaderText="Type"
                                            SortExpression="Type" UniqueName="Type" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="TypeManuel"
                                            FilterControlAltText="Filter TypeManuel column" HeaderText="TypeManuel"
                                            SortExpression="TypeManuel" UniqueName="TypeManuel" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="designation"
                                            FilterControlAltText="Filter v_ref column" HeaderText="Désignation"
                                            SortExpression="designation" UniqueName="designation" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="libelle"
                                            FilterControlAltText="Filter v_ref column" HeaderText="Approbation"
                                            SortExpression="libelle" UniqueName="libelle" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="observation"
                                            FilterControlAltText="Filter v_ref column" HeaderText="Observation d'approbation"
                                            SortExpression="observation" UniqueName="observation" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Bordereau" DataType="System.Int32" Display="false"
                                            FilterControlAltText="Filter Bordereau column" HeaderText="ID"
                                            SortExpression="Bordereau" UniqueName="Bordereau" DataFormatString="<nobr>{0}</nobr>">
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                </telerik:GridTableView>
                            </DetailTables>
     
                        </MasterTableView>
                    </telerik:RadGrid>

  5. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 05 Oct Link to this post

    Hi Julien,

    I revise the Grd's markup and it appears that the fix we have included in the Latest Internal Build should cover your scenario. Currently your options are to use the LIB in your app or sim0ly manually set RenderMode Lightweight for the both Grid controls.

    Regards,
    Maria Ilieva
    Telerik by Progress
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top