Questions on UI for Blazor Forum

1 answer

388 views

This lightly modified ComboBox sample won't show the value of the nested class. Filtering does work, so I think this is a bug?

<TelerikComboBox @bind-Value=@SelectedValue

Data="@ComboBoxData"

Filterable="true"

ValueField="ProductId"

TextField="ProductName.Description">

<ItemTemplate>

<strong>@((context as Product).ProductName.Description) - @(String.Format("{0:C2}", (context as Product).UnitPrice))</strong>

</ItemTemplate>

</TelerikComboBox>

@code {

public IEnumerable<Product> ComboBoxData { get; set; }

public int SelectedValue { get; set; } = 2;

protected override void OnInitialized()

{

List<Product> products = new List<Product>();

for (int i = 1; i < 10; i++)

{

products.Add(new Product()

{

ProductId = i,

ProductName = new ProductName {Description = $"{i} Product {i}"},

UnitPrice = (decimal)(i * 3.14)

});

}

ComboBoxData = products;

base.OnInitialized();

}

public class Product

{

public int ProductId { get; set; }

public ProductName ProductName { get; set; }

public decimal UnitPrice { get; set; }

}

public class ProductName

{

public string Description { get; set; }

}

ComboBox

answered on 04 Sep 2020

9 answers

1.9K+ views

Showing/Hiding Grid Columns Issue

Hello,

I've replicated the show/hide grid columns feature as per the grid demo. The only issue i'm having is that "showing" the column results in the column being moved to the end of the grid instead of appearing in the order in which i have it placed in my list of GridColumns. Is this expected behavior and is there a way to force the columns to stay in the defined order even when they are being hidden and shown?

Thank You

Josh F.

Grid

answered on 03 Sep 2020

9 answers

314 views

[Solved] Individual independent Appointment colors

How do I influence the styling of appointments, and in particular the background color, without using a resource/groupby view or css?

I want to be able to decide runtime what the color should be.

Scheduler

answered on 01 Sep 2020

3 answers

155 views

[Solved] DateInput cannot handle the dd-MM-yy format

Every time you try to edit the year part, strange things happen.

"20" is not accepted as 2020, "60" not as 1960. Typing in a full year like 2020 is also not accepted.

Is this a bug, or am I doing something wrong?

DateInput

answered on 01 Sep 2020

1 answer

144 views

Flag specific schedule entries as uneditable?

Is there a way to specify that only certain entries are not editable, as opposed to the entire Scheduler component? I'm currently working around this by immediately returning from the CRUD handlers if they attempt to operate on one of the events. This is unexpected UX, since these entries look like they should respond to CRUD operations like "regular" entries.

Alternatively, how can I specify certain dates as outside of work hours? Specifically looking at things like federal holidays; Christmas, for instance, should never have an entry from a user.

Thanks,

Andrew

Scheduler

answered on 28 Aug 2020

2 answers

1.2K+ views

[Solved] Grid Icons

How do we change the icons used by the filter mode on the Blazor Grid?

For example the calendar and filter icon I have shown in my attachment are using Telerik Icons but we want to use Office UI Fabric Icons to match the rest of the site.

Grid