Reply To: Clacc property of Smart.Blazor UI in docs missing

[Victor Sirghii]

The Class property is getting really confusing. I’ll try to explain.

Say you have three elements on the page aligned horizontally:

<DropDownList  Class=”form-control”></DropDownList> <Input Class=”form-control”></Input> and <input type=”text” class=”form-control” />

All three look different.

<DropDownList> css is completely broken. (without form-control class it looks ok but slightly narrower than standard <input type=”text” class=”form-control” />)

<Input> looks ok but slightly higher than standard <input type=”text” class=”form-control” /> (without form-control class it takes the whole available width to its right and gets narrow)

So it’s only <input type=”text” class=”form-control” /> looks as a standard bootstrap form-control element, smart.blazor components are not consistent in their appearances.

Adding <link href=”_content/Smart.Blazor/css/smart.bootstrap.css” rel=”stylesheet” /> in the application doesn’t change anything.

How exactly would I set up app a theme so that all elements looked alike?