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

Radgrid filtermenu all styles is lost

10 Answers 122 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Camilo
Top achievements
Rank 1
Camilo asked on 13 Dec 2010, 05:27 PM
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?

10 Answers, 1 is accepted

Sort by
0
Maria Ilieva
Telerik team
answered on 16 Dec 2010, 10:38 AM
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
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Camilo
Top achievements
Rank 1
answered on 16 Dec 2010, 03:50 PM
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
0
Camilo
Top achievements
Rank 1
answered on 17 Dec 2010, 08:36 PM

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 ObjectByVal e As System.EventArgsHandles 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

0
Maria Ilieva
Telerik team
answered on 22 Dec 2010, 01:59 PM

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
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Myke
Top achievements
Rank 2
answered on 12 Oct 2011, 12:52 PM
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.
0
Maria Ilieva
Telerik team
answered on 17 Oct 2011, 07:26 AM
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
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
Abdeel
Top achievements
Rank 1
answered on 09 Jan 2014, 06:57 PM
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
0
Maria Ilieva
Telerik team
answered on 13 Jan 2014, 02:57 PM
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
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 the blog feed now.
0
aly
Top achievements
Rank 1
answered on 04 Jan 2017, 11:10 PM

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.

 

0
Konstantin Dikov
Telerik team
answered on 09 Jan 2017, 10:20 AM
Hi,

Please refer to the answer in the other forum thread with the same question:
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
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Camilo
Top achievements
Rank 1
Answers by
Maria Ilieva
Telerik team
Camilo
Top achievements
Rank 1
Myke
Top achievements
Rank 2
Abdeel
Top achievements
Rank 1
aly
Top achievements
Rank 1
Konstantin Dikov
Telerik team
Share this question
or