Styling Blazor Grid

superdave · February 19, 2020, 9:08pm

How can I style a Blazor Grid dynamically? Is there a way to add CssStyle to a grid? I'm looking to change the height on runtime.

enchev · February 20, 2020, 4:44am

You’ve missed the grid Style property.

superdave · February 20, 2020, 1:51pm

I noticed the Style property but I can't assign the height to a C# variable. For example

Style="width: 1950px; overflow: auto; height:@GridHeightString"

Trying this gives an error:

Component attributes do not support complex content (mixed C# and markup).

This wouldn't be an issue if I could specify a CssStyle and then assign the height property in the CSS definition.

Any ideas how I can set height on run time? My goal is to set the height based on the height of the user's browser window.

enchev · February 20, 2020, 1:56pm

The syntax is a bit different:

<RadzenGrid Style="@($"height:{myheight}")"  ...>
...
@code {
    string myheight = "500px";
}

This is not something specific to Radzen Blazor components.

superdave · February 20, 2020, 3:42pm

This worked. Thank you for the help!

Ivan · April 9, 2020, 12:13pm

Please help align dropdown in the table cell. I can’t find which class of the CSS is responsible for it and which property.

enchev · April 9, 2020, 12:18pm

All css classes can be observed using your browser inspector: