Supress the scrollbar tooltip

5 posts, 0 answers
  1. Paulo Goncalves
    Paulo Goncalves avatar
    26 posts
    Member since:
    Aug 2004

    Posted 13 Jun 2012 Link to this post

    I set the EnableVirtualScrollPaging="True" and need hide the tooltip scrolbar, the "Page n of n" text.

    I try the code bellow, but don´t work

        <style type="text/css" >  
         #RadGrid1ScrollerToolTip  
         {  
           display:none;  
         }  
        </style>      

    Thanks
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 13 Jun 2012 Link to this post

    Hello Paulo,

    Try setting the following CSS.
    CSS:
    .GridToolTip_Default
    {
       display:none !important;
    }

    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Paulo Goncalves
    Paulo Goncalves avatar
    26 posts
    Member since:
    Aug 2004

    Posted 14 Jun 2012 Link to this post

    Hi Shinu,

    thanks for you answer, the .GridToolTip_Default did´t work. I test a bit more and the problem is because the RadGrid is inside a RadDock, if I use direct a RadGrid the #RadGrid1ScrollerToolTip work fine.

    What´s the tip to set a css for a control inside the RadDock ?

    The code below have 2 RadGrid, one inside the RadDock e other not.
    .aspx
    <head id="Head1" runat="server">
        <title></title>
     
        <style type="text/css" >     
            #RadGrid1ScrollerToolTip 
                
                    display:none; 
                
     
            #RadGrid2ScrollerToolTip 
                
                    display:none; 
                
        </style>     
    </head>
     
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
        <telerik:raddock id="RadDock1" runat="server" Top="30px" Left="400px" Width="300px" >
            <ContentTemplate>
                <telerik:RadGrid ID="RadGrid1" runat="server" PageSize="15" AllowPaging="True" AllowCustomPaging="true" >
                    <MasterTableView ShowHeader="false" />
                    <PagerStyle Visible="False" />
                    <ClientSettings EnableRowHoverStyle="true">
                        <Scrolling AllowScroll="True" EnableVirtualScrollPaging="true" />
                    </ClientSettings>
                </telerik:RadGrid>
            </ContentTemplate>
        </telerik:raddock>
     
        <telerik:RadGrid ID="RadGrid2" runat="server" PageSize="15" AllowPaging="True" Width="300px" AllowCustomPaging="true" >
            <MasterTableView ShowHeader="false" />
            <PagerStyle Visible="False" />
            <ClientSettings EnableRowHoverStyle="true">
                <Scrolling AllowScroll="True" EnableVirtualScrollPaging="true" />
            </ClientSettings>
        </telerik:RadGrid>
         
        </div>
        </form>
    </body>
    </html>
    .aspx.vb
    Imports System.Data
    Imports Telerik.Web.UI
     
    Partial Class MarcaTeste
        Inherits System.Web.UI.Page
     
        Protected Sub RadGrid1_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource
     
            Dim Table As New DataTable
            Table.Columns.Add(New DataColumn("Marca", GetType(String)))
            Dim nStart As Integer = (RadGrid1.CurrentPageIndex * RadGrid1.PageSize) + 1
            Dim nEnd As Integer = (RadGrid1.CurrentPageIndex + 1) * RadGrid1.PageSize
            For i As Integer = nStart To nEnd
                Dim Row As DataRow = Table.NewRow
                Row("Marca") = "Marca " & i
                Table.Rows.Add(Row)
            Next
            RadGrid1.DataSource = Table
            RadGrid1.VirtualItemCount = "1000"
     
        End Sub
        Protected Sub RadGrid2_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid2.NeedDataSource
     
            Dim Table As New DataTable
            Table.Columns.Add(New DataColumn("Marca", GetType(String)))
            Dim nStart As Integer = (RadGrid2.CurrentPageIndex * RadGrid2.PageSize) + 1
            Dim nEnd As Integer = (RadGrid2.CurrentPageIndex + 1) * RadGrid2.PageSize
            For i As Integer = nStart To nEnd
                Dim Row As DataRow = Table.NewRow
                Row("Marca") = "Marca " & i
                Table.Rows.Add(Row)
            Next
            RadGrid2.DataSource = Table
            RadGrid2.VirtualItemCount = "1000"
     
        End Sub
    End Class
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 15 Jun 2012 Link to this post

    Hello Paulo,

    I was not able to observe this behavior on placing the grid inside dock. Make sure that you are overriding the default CSS using !important.
    CSS:
    .GridToolTip_Default
    {
      display:none !important;
    }

    Thanks,
    Shinu.
  6. Paulo Goncalves
    Paulo Goncalves avatar
    26 posts
    Member since:
    Aug 2004

    Posted 15 Jun 2012 Link to this post

    Shinu,

    now is work. I did´t know the "_Default" at ".GridTooTip_Default was the Skin. My project use an external Skin called DocPro.

    Thanks.

    Paulo
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017