Radgrid filtermenu all styles is lost

[Camilo]

Greetings, I am curious thing is happening with a grid:

The fact is that they're missing all the filtering menu styles, displayed no borders, no background color or mouse pointer, etc.

Actually I have searched everywhere and can not find any solution.

This problem is presenting with any skin you use, and the only thing different I've done is to translate the texts of the menu and nothing else.

Attached image problem

Any ideas?

[Maria Ilieva]

Hi,

Could you please let me know if you are using custom skin in your application. If yes note that RadGrid filtering menu is a RadMenu control. Since RadGrid is using a custom skin, you need to register a custom skin with the same skin name for the filtering RadMenu.

http://demos.telerik.com/aspnet-ajax/grid/examples/styles/customskin/defaultcs.aspx



Regards,
Maria Ilieva
the Telerik team

[Camilo]

Thanks Maria,

No, I'm using a custom Skin (Neither the application nor on the grid, not in the FilterMenu). Even I've tried several skins and regardless of skin that I use, the problem remains the same. The only thing I'm doing
differently, is translating the texts of the menu items of the grid filter thus:

''' <summary>
        ''' Metodo para convertir a español los items del menu de filtrado de una grilla de telerik.
        ''' </summary>
        ''' <param name="Grid">Valor pasado por referencia. La grilla donde se desean traducir los menus.</param>
        Public Sub LocalizeRadFilterMenu(ByRef Grid As Telerik.Web.UI.RadGrid)
            Dim Menu As Telerik.Web.UI.GridFilterMenu = Grid.FilterMenu
            Dim item As Telerik.Web.UI.RadMenuItem
            For Each item In Menu.Items
                'change the text for the StartsWith menu item
                'TODO: Pendiente traducir el resto de items
 
                Dim NewText As String = ""
                Select Case item.Text
                    Case Is = "NoFilter"
                        NewText = "No filtrar"
                    Case Is = "Contains"
                        NewText = "Que contenga"
                    Case Is = "DoesNotContain"
                        NewText = "Que no contenga"
                    Case Is = "StartsWith"
                        NewText = "Que comience con"
                    Case Is = "EndsWith"
                        NewText = "Que termine en"
                    Case Is = "EqualTo"
                        NewText = "Igual a"
                    Case Is = "NotEqualTo"
                        NewText = "Diferente de"
                    Case Is = "GreaterThan"
                        NewText = "Mayor que"
                    Case Is = "LessThan"
                        NewText = "Menor que"
                    Case Is = "GreaterThanOrEqualTo"
                        NewText = "Mayor o igual a"
                    Case Is = "LessThanOrEqualTo"
                        NewText = "Menor o igual a"
                    Case Is = "Between"
                        NewText = "Que este entre"
                    Case Is = "NotBetween"
                        NewText = "Que no este entre"
                    Case Is = "IsEmpty"
                        NewText = "Seleccionar filas vacias"
                    Case Is = "NotIsEmpty"
                        NewText = "Seleccionar filas no vacias"
                    Case Is = "IsNull"
                        NewText = "Seleccionar cuando el campo sea nulo"
                    Case Is = "NotIsNull"
                        NewText = "Seleccionar cuando el campo no sea nulo"
                End Select
                item.Text = NewText
            Next
        End Sub

The above method, is located in a class that inherits from "System.Web.UI.Page" and every page of my application inherit
of this class, so I have the method accessible from any page.

I describe the generalities of the case:

1) The grid is in a UserControl
2) The UserControl is part of a RadPageView
3) The page where is the UserControl is in a masterpage
4) The page is running inside a Iframe Iframe where the container is another Asp.Net application with an earlier version of Telerik
running on a different port.

The following is the markup of the containing page of UserControl that contains the grid is showing me the problem:

 <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel"
        CssClass="ajaxPanel" ClientEvents-OnResponseEnd="handleRequestEnd">
        <div class="bodyWrapper">
            <telerik:RadMultiPage ID="rmpWizardPages" runat="server" SelectedIndex="0" CssClass="pageView">
                <telerik:RadPageView runat="server" ID="rpvInfoGeneral">
                    <evf:tabInfoGeneral runat="server" ID="tabInfoGeneral" />
                </telerik:RadPageView>
                <%--The Grid is in The UserControl in this PageView--%>
                <telerik:RadPageView runat="server" ID="Flotas">
                    <evf:tabFlotas runat="server" ID="tabFlotas" />
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="parametros">
                    <evf:tabParametros runat="server" ID="tabParametros" />
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="arbolPresupuesto">
                    <evf:tabArbolPresupuesto runat="server" ID="tabArbolPresupuesto" />
                </telerik:RadPageView>
            </telerik:RadMultiPage>
            <telerik:RadTabStrip ID="rtsWizard" SelectedIndex="0" runat="server" MultiPageID="rmpWizardPages"
                CssClass="tabStrip" Orientation="HorizontalBottom">
                <Tabs>
                    <telerik:RadTab Text="Info general" runat="server" PageViewID="rpvInfoGeneral" />
                    <telerik:RadTab Text="Flotas" runat="server" Enabled="false" PageViewID="rpvFlotas" />
                    <telerik:RadTab Text="Parametros de calculo" runat="server" Enabled="false" PageViewID="rpvParametros" />
                    <telerik:RadTab Text="Árbol de presupuesto" runat="server" Enabled="false" PageViewID="rpvArbolPresupuesto" />
                    <telerik:RadTab Text="Procesar" runat="server" Enabled="false" />
                </Tabs>
            </telerik:RadTabStrip>
        </div>
    </telerik:RadAjaxPanel>

And the following is the markup of the grid:

 <telerik:RadGrid runat="server" ID="grdBuses" AllowPaging="True" AllowSorting="True"
                        Height="200" ShowStatusBar="False" AutoGenerateColumns="False" CssClass="grdFlotas"
                        AllowFilteringByColumn="True" ShowFooter="False" GridLines="Both">
                        <SortingSettings SortedAscToolTip="Ordenar ascendentemente" SortedDescToolTip="Ordenar descendentemente"
                            SortToolTip="Clic para re-ordenar" />
                        <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True">
                            <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                            <Resizing AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="false"
                                ShowRowIndicatorColumn="true" />
                            <Selecting AllowRowSelect="true" />
                            <ClientMessages DragToResize="Arrastre para cambiar el tamaño de la columna" ColumnResizeTooltipFormatString="Ancho: &lt;strong&gt;{0}&lt;/strong&gt; &lt;em&gt;pixeles&lt;/em&gt;"
                                PagerTooltipFormatString="Página &lt;strong&gt;{0}&lt;/strong&gt; de &lt;strong&gt;{1}&lt;/strong&gt;"
                                DragToGroupOrReorder="Arrastre para re-ordenar la columna" DropHereToReorder="Suelte para colocar la columna aquí" />
                            <Animation AllowColumnReorderAnimation="True" AllowColumnRevertAnimation="True" />
                        </ClientSettings>
                        <MasterTableView TableLayout="Auto">
                            <NoRecordsTemplate>
                                <span>No se encontraron buses para esta flota</span>
                            </NoRecordsTemplate>
                            <RowIndicatorColumn>
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </RowIndicatorColumn>
                            <Columns>
                                <telerik:GridBoundColumn DataField="IdBus" HeaderText="Id Bus" UniqueName="IdBus"
                                    AllowFiltering="false">
                                    <HeaderStyle Width="45px" HorizontalAlign="Center" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Placa" HeaderText="Placa" UniqueName="Placa">
                                    <HeaderStyle Width="105px" HorizontalAlign="Center" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="NumeroInterno" HeaderText="Número Interno" UniqueName="NumeroInterno">
                                    <HeaderStyle HorizontalAlign="Center" Width="105px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="FechaIngreso" DataType="System.DateTime" HeaderText="Fecha ingreso"
                                    UniqueName="FechaIngreso" DataFormatString="{0:dd/MM/yyyy}">
                                    <HeaderStyle HorizontalAlign="Center" Width="105px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="UltimoKm" DataType="System.Decimal" HeaderText="Último Km"
                                    UniqueName="UltimoKm" AllowFiltering="true" DataFormatString="{0:###,###.##}">
                                    <HeaderStyle HorizontalAlign="Center" Width="105px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="FechaUltimoKm" DataType="System.DateTime" HeaderText="Fecha último Km"
                                    UniqueName="FechaUltimoKm" DataFormatString="{0:dd/MM/yyyy}">
                                    <HeaderStyle HorizontalAlign="Center" Width="105px" />
                                    <ItemStyle HorizontalAlign="Center" />
                                </telerik:GridBoundColumn>
                            </Columns>
                            <PagerStyle FirstPageToolTip="Ir a la primera página" PrevPageToolTip="Ir a la página anterior"
                                NextPageToolTip="Ir a la siguiente página" LastPageToolTip="Ir a la última página"
                                PageSizeLabelText="Paginas de:" Position="Bottom" />
                        </MasterTableView>
                        <FilterMenu EnableRoundedCorners="True" EnableShadows="True" ToolTip="Filtrar" BackColor="WhiteSmoke">
                        </FilterMenu>
                    </telerik:RadGrid>

The odd thing is that with a grid similar conditions (the only difference is the style sheet and it is not a UserControl)
the FilterMenu shown properly.

I greatly appreciate your help because it is a project that I deliver promptly.

Regards,

Camilo Bernal

[Camilo]

Hi, I finally found the cause of the problem, I found the cause, since a RadTabStrip was losing the styles, then describe the context of what happens:

Our application allows a user to globally choose the skin of your dashboard, this data is stored in the database so that each time you enter the user application uses the selected skin.

Since the application that presents the problem is in an iframe of the main application, my application receives the default.aspx skin name to use, and then I store it in the session object.

Additionally, in the MasterPage, I have a RadSkinManager that the item set passed through URL SkinName within the page's Load event.

In the MasterPage using my application, I have the following code:

In the SkinManager Markup:

<telerik:RadSkinManager runat="server" PersistenceMode="Session" ID="rSkM"/>

 

And in the CodeBehind:

 

        Public Property Tema As String = "Office2007"
  
         Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
             If Not Page.IsPostBack Then
                 If GetCurrentPage.ToLower = "default.aspx" Then
                     If Request.QueryString.AllKeys.Contains("Tema") Then
                         Me.Tema = Request.QueryString("Tema")
                     Else
                         Me.Tema = "Office2007"
                     End If
                     Session("tema") = Me.Tema
                 Else
                     Me.Tema = Session("tema")
                 End If

            'Reference to RadSkinManager
             Me.rSkM.Skin = Me.Tema

            End If
         End Sub

 

 

The odd thing is that since it is a MasterPage, from the pages that use that MasterPage I link stylesheets depending on each page. To link the style sheets from pages that use MasterPage, use a ContentPlaceHolder.

I did several tests, and detected the following, if not link any style sheet from the ContentPlaceHolder (That is, if I leave the MasterPage only with the original style sheets), everything works great, but if I reference ContentPlaceHolder within any stylesheet (even if it is empty), they begin to lose the styles of the Telerik controls. I SHOULD CLARIFY THAT THIS ONLY HAPPENS IN INTERNET EXPLORER, In Firefox, is OK.

It is also worth mentioning that this problem only I have been presented so far (that I have noticed) with RadGrid and RadTabStrip.

 

What I can do to solve this problem?

 

Thank you very much

[Maria Ilieva]

Hi,

We are not aware of such an issue ion the described scenario so it is difficult to provide proper solution. Could you please open a regular support ticket and send us sample fully runnable application so we could debug it locally and advise you further.

Greetings,
Maria Ilieva
the Telerik team

[Myke]

Hi, I have a similar issue. I used the sample webmail application from here: http://demos.telerik.com/aspnet-ajax/webmail/
 and put the master page of the sample application nested in another master document.
This caused all stylesheets to be lost on the page, but when you remove the css line:
<link href="Styles/styles.css" rel="stylesheet" type="text/css" />  
from the MasterPage.master file it fixes the issue.
Note, the issue only arises for Internet Explorer, in Firefox, all stylesheets are preserved. I've no idea why it would work in FF and not IE. Looking at the generated html in page source, theres no clue as to why this happens.

[Maria Ilieva]

Hi Myke,

I'm not completely sure what exactly is the issue you are facing and in what application configuration the issue arise. Could you please open a regular support ticket and send us runnable example which demonstrates the described behaviour. Thus we will be able to test the application locally and do our best to isolate the root cause of the issue.  

Best wishes,
Maria Ilieva
the Telerik team

[Abdeel]

Hola perdon por escribir en español pero no domino el ingles

yo tengo un problema parecido en el grid 
mi problema es que el combo de la barra inferior para la paginacion del grid se desborda, esto no sucedia, pero hice unas modificaciones en el masterpage por que necesito una form general y el grid esta contenido en un control

no se porque se extendio si su tamaño generalmente este 20px de ancho y ahora es de mas o menos 500px y cruza todo el grid
alguien me puede ayudar

sinceramente lo agradeceria mucho

[Maria Ilieva]

Hi Abdeel,

Could I kindly ask you to post your questions in English which is the official language for support? Therefore we will be able to correctly understand your issue and advise you further.

Regards,
Maria Ilieva
Telerik

[aly]

Guys, I have a problem with Radmenu and RadGrid. My menu is in masterpages and all works correctly until I land on a page with RadGrid's proprety set to AllowFilteringByColumn="true". All the group items RadMenu disappears. As soon as I turned AllowFilteringByColumn="False" the menu works correctly. Please see attached images. Image (a) shows all menu items. Image (b) shows the problem.

 

[Konstantin Dikov]

Hi,

Please refer to the answer in the other forum thread with the same question:

• http://www.telerik.com/forums/enabling-filtering-causes-skin-problems-with-radmenu

On a side note, for all sides convenience, please try to avoid posting duplicate questions in different threads. Thank you for your understanding. 


Regards,
Konstantin Dikov
Telerik by Progress