Rad Grid Filter - Watermark

[srinivasskc]

Hi i want a watermark on the filter in the RadGridview.

How to make water mark as "search" in the filter textbox in RadGrid in asp.net?

[Jayesh Goyani]

Hello,

Please try with below code snippet.

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
   {
       if (e.Item is GridFilteringItem)
       {
           GridFilteringItem filteringItem = e.Item as GridFilteringItem;
           TextBox box = filteringItem["ID"].Controls[0] as TextBox;
           TextBoxWatermarkExtender TextBoxWatermarkExtender1 = new TextBoxWatermarkExtender();
           TextBoxWatermarkExtender1.ID = "txt" + DateTime.Now.Ticks;
           TextBoxWatermarkExtender1.TargetControlID = box.ID;
           TextBoxWatermarkExtender1.WatermarkText = "Search";
           box.Parent.Controls.Add(TextBoxWatermarkExtender1);
       }
   }

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"
           OnNeedDataSource="RadGrid1_NeedDataSource"
    AllowFilteringByColumn="true" OnItemCreated="RadGrid1_ItemCreated">
           <MasterTableView>
               <Columns>
                   <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
                   </telerik:GridBoundColumn>
                   <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">
                   </telerik:GridBoundColumn>
               </Columns>
           </MasterTableView>
       </telerik:RadGrid>

Thanks,
Jayesh Goyani

[srinivasskc]

TextBoxWatermarkExtender is a class file. Is it mandatory to use a class file. Is there any other way ? 
if you have this class file , kindly share with me

Thanks and regards
Srini

[Shinu]

Hi,

TextBoxWatermarkExtender is an Ajax Control. You can install the Ajax Control Toolkit and refer the tag prefix in the page.

Thanks,
Shinu.

[srinivasskc]

thanxx Shinu... i was trying not to use ajax dll bt i guess have no other option. 
Its  working

[Monte]

Use this jQuery plug-in:
https://code.google.com/p/jquery-watermark/

Then apply with:

$(".rgFilterRow input.rgFilterBox").watermark('Search...');