I am using the material theme on ASP.NET MVC.
Previously I had the following defined on .aspx pages containing Telerik controls:
<link href=
"https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.common.min.css"
rel=
"stylesheet"
type=
"text/css"
/>
<link href=
"https://kendo.cdn.telerik.com/2017.3.913/styles/kendo.material.min.css"
rel=
"stylesheet"
type=
"text/css"
/>
Upon closer reading of documentation, it states: "Use the common CSS file, which corresponds to the Kendo UI theme that is used as a base for your custom theme. For example, if you have created a custom theme from the built-in Material theme, then register kendo.common-material.min.css."
And so I changed the css define from kendo.common.min.css to kendo.common-material.min.css.
Now the grid behaves differently in that it is fixed to the screen width. I do not have scrolling enabled and previously it would grow to fit all columns. Now with common-material defined it does not grow but stays fixed to the browser width and thus shrinks columns so that their text is no longer shown when the browser width is small. Again the only thing changed on the page is the css define and nothing to do with the kendo.grid code.
Is this a known difference between material common and standard common in terms of grid width? Are there known downsides to running a theme with the standard common? I am tempted to just switch back since everything seemed to be displaying fine. But it just goes against the documentation statement to use the common matching the theme.