Title attributes on Grid generated filter textbox and filter dropdowns

Hi,

Currently, the title attribute of the filter cells cannot be configured through Grid props.

Here is how you can set the title attributes by accessing the DOM elements - https://stackblitz.com/edit/react-jm5ykt?file=app/main.jsx.

I hope this helps.

Regards,
Nikolay
Progress Telerik

Hello ,

we tried to use the example you provided but  the element attribute is always coming as undefined and is inaccessible. please see the screenshot attached in debug mode. There is no element attribute defined for the grid object so we cannot go any further on it.

can you please take a look?

Hi,

It is actually not public. Here is another example - https://stackblitz.com/edit/react-jm5ykt-kunqtf?file=app/main.jsx. I accessed the grid element using a class name.

componentDidMount() {
    const gridElement = document.querySelector(".grid-class");
	...
}

render() {
    return (
		<Grid
			className="grid-class"
			...
		</Grid>
	);
}

Regards,
Nikolay
Progress Telerik

Hi Nikolay,

Thanks for your response but there is still an issue. For some reason the attributes are not getting written for the filter text boxes in the grid.  I tried couple of ways and I can see that filter textbox can be accessed but it do not generate the title attribute.

#The way you suggested - 

 const gridElement = document.querySelector(".grid-class");
    if (gridElement !== null) {
      const filterRow = gridElement.querySelector("tr.k-filter-row");
      if(filterRow !== null){
        filterRow.cells
        .item(0)        
        .querySelector(".k-textbox")
        .setAttribute("title", "Procedure Number Filter");
        filterRow.cells
        .item(0)
        .querySelector(".k-textbox")
        .setAttribute("className", "xxxxxxxxxxxx");        
      }      
    }

#Another way 

 let x = document.getElementsByClassName("grid-class").item(0).getElementsByClassName("k-filter-row").item(0).getElementsByClassName("k-textbox").item(0);
    x.setAttribute("title", "Procedure Number Filter");

please find the screenshot attached of the final html rendered.

Thanks

Gaurav Joshi

Hi Gaurav,

As the attribute is applied in the standard example, please share a runnanble example where the attribute is not applied and we will check it.

Regards,
Nikolay
Progress Telerik