Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Supress the scrollbar tooltip

4 Answers 84 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Paulo Goncalves
Top achievements
Rank 2
Paulo Goncalves asked on 14 Jun 2012, 12:13 AM
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

4 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 14 Jun 2012, 04:26 AM
Hello Paulo,

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

Thanks,
Shinu.
0
Paulo Goncalves
Top achievements
Rank 2
answered on 14 Jun 2012, 02:18 PM
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
0
Shinu
Top achievements
Rank 2
answered on 15 Jun 2012, 05:27 AM
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.
0
Paulo Goncalves
Top achievements
Rank 2
answered on 15 Jun 2012, 08:22 PM
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
Tags
Grid
Asked by
Paulo Goncalves
Top achievements
Rank 2
Answers by
Shinu
Top achievements
Rank 2
Paulo Goncalves
Top achievements
Rank 2
Share this question
or