Products

[Victor Sirghii]

Well, I see the Modal component under UI elements too, but there is no code for it. Neither you have API for it. It’s just a page demo with no info. There is no “View Source” dropdown there. I couldn’t find Modals in you docs either.

How would I use Modal component?

• This reply was modified 1 month, 1 week ago by Victor Sirghii.

[Victor Sirghii]

Hello,

I’m having the same issue with the OnChange handling, but on <TimeInput> component.

Ivan Peevski response works fine with the <Input>, but if you try the same approach with the <TimeInput> as

<TimeInput @bind-Value=”@textValue” OnChange=”changeEvent”></TimeInput>, the textValue never changes.

Here is my code sample:

<h3>@textValue</h3>
<TimeInput @bind-Value=”@textValue” OnChange=”changeEvent”></TimeInput>

@code{
IEnumerable<string>textValue = new List<string>{“13″,”00”};
private void changeEvent(Event ev)
{
Console.WriteLine(textValue);

}
}

Note that the initial setting of the textValue sets the TimeInput to the 01:00 pm, but changing time in the component doesn’t change the textValue field.

Another observation. If the field textValue type is a simple string as string textValue = “”;, it’s always empty no matter what time you select in the component.

I couldn’t find any clues in the API Docs (it would be really nice to have some basic examples there). If you would provide any explanations on TimeInput specifics???

Thank you,

• This reply was modified 1 month, 3 weeks ago by Victor Sirghii.

[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?

[Author]

Posts