We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Watermark text in filtering cell

Thread ID:





116967 Jul 11,2014 09:14 AM UTC Jul 14,2014 03:32 PM UTC ASP.NET MVC 1
Tags: Grid
Asked On July 11, 2014 09:14 AM UTC

I'm testing trial version Syncfusion controls ( for ASP.NET MVC.
Is there a way to insert the watermark text ("Set filtering") to a filtering cell in grid?  

Ragavee U S [Syncfusion]
Replied On July 14, 2014 03:32 PM UTC

Hi Pawel


Thanks for using Syncfusion Products.


We have analyzed your requirement to insert watermark text to the filtercell in grid. This can be achieved using the following workaround solution. Please refer the below code snippet.



    .water {

        opacity: 0.4;

        font-style: italic;





. . .




<script type="text/javascript"> 

    function create(args) {

        $(".e-filtertext").addClass('watermark').text('Set Filtering');

        $('.watermark').on('focus', function () {

            var $tb = $(this);

            if ($tb.val() == 'Set Filtering') {




        }).on('blur', function () {

            var $tb = $(this);

            if ($.trim($tb.val()) == '') {

                $tb.val('Set Filtering');







For your convenience, we have created a simple sample implementing your requirement. The sample can be downloaded from the attachment.


In the sample attached, we have added a css class to the filtercell in the create event of the grid.


Please let us know if you need any further assistance.



Ragavee U S

Attachment: SampleApp_ccbf8b0.zip


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon