Radgrid filtermenu all styles is lost

9 posts, 0 answers
  1. Prometeus
    Prometeus avatar
    8 posts
    Member since:
    Apr 2007

    Posted 13 Dec 2010 Link to this post

    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?
  2. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 16 Dec 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Prometeus
    Prometeus avatar
    8 posts
    Member since:
    Apr 2007

    Posted 16 Dec 2010 Link to this post

    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
  5. Prometeus
    Prometeus avatar
    8 posts
    Member since:
    Apr 2007

    Posted 17 Dec 2010 Link to this post

    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

  6. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 22 Dec 2010 Link to this post

    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.
  7. Myke
    Myke avatar
    7 posts
    Member since:
    Sep 2010

    Posted 12 Oct 2011 Link to this post

    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.
  8. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 17 Oct 2011 Link to this post

    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
  9. Abdeel
    Abdeel avatar
    1 posts
    Member since:
    Jul 2013

    Posted 09 Jan 2014 Link to this post

    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
  10. Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 13 Jan 2014 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017