Questions on UI for Blazor Forum

2 answers

203 views

Hey everyone,

I'm not sure it a ticket is already open about this or if it was already adressed but i'm having Null referenced exception on the OnInitializedAsync when i have FilterMode.FilterRow and there are no records yet.

Works fine when i change for FilterMode.None.

Grid

answered on 11 Sep 2020

1 answer

1.7K+ views

Found markup element with unexpected name 'TelerikTreeList'

TRy to use the TelerikTreeList in one blazor application and it is showing as Found markup element with unexpected name 'TelerikTreeList'. Why it is not supporting. Am I missing some libraries?

General Discussions

answered on 11 Sep 2020

5 answers

1.4K+ views

Nested drawer for menu on left and right

Hi, my goal is obtain a layout with a left menu (Push) and a right menu (Overlay) and in the middle the page content.

I tried nesting 2 TelerikDrawer objects without success:

<TelerikDrawer Data="LeftItems" Mode="DrawerMode.Push" MiniMode="true">

<Content>

<TelerikDrawer Data="RightItems" Mode="DrawerMode.Overlay" Position="DrawerPosition.Right">

<Content>

...

</Content>

</TelerikDrawer>

</Content>

</TelerikDrawer>

The right drawer is not visualized..

How to obtain the desired layout?

Thanks

Drawer

answered on 09 Sep 2020

2 answers

114 views

POST firing before completion

Unsure if this is related to uploading large files considering the issue is not seen when uploading <500mb files but when attempting to upload a 600mb file, the POST method is firing before the file even reaches 50% upload resulting in a null IEnumerable<IFormFile>. When the file does finish its upload, the completion handler fires immediately.

Thanks,

Minh

Upload

answered on 08 Sep 2020

2 answers

975 views

Grid Pageable System.ArgumentNullException: Value cannot be null

Hi replicate your demo in my project but adding pageable=true result in nullreferenceexception

<TelerikGrid Data="@MyData" Height="400px"
Pageable="true" PageSize="10" Page="1" Sortable="true" Groupable="true"
FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"
Resizable="true" Reorderable="true">
<GridColumns>
<GridColumn Field="@(nameof(SampleData.Id))" Width="120px" />
<GridColumn Field="@(nameof(SampleData.Name))" Title="Employee Name" Groupable="false" />
<GridColumn Field="@(nameof(SampleData.Team))" Title="Team" />
<GridColumn Field="@(nameof(SampleData.HireDate))" Title="Hire Date" />
</GridColumns>
</TelerikGrid>

@code {
public IEnumerable<SampleData> MyData = Enumerable.Range(1, 30).Select(x => new SampleData
{
Id = x,
Name = "name " + x,
Team = "team " + x % 5,
HireDate = DateTime.Now.AddDays(-x).Date
});

public class SampleData
{
public int Id { get; set; }
public string Name { get; set; }
public string Team { get; set; }
public DateTime HireDate { get; set; }
}

}

System.ArgumentNullException: Value cannot be null. (Parameter 'format')
at System.String.FormatHelper(IFormatProvider provider, String format, ParamsArray args)
at System.String.Format(String format, Object arg0, Object arg1, Object arg2)
at Telerik.Blazor.Components.TelerikPager.<BuildRenderTree>b__104_0(RenderTreeBuilder __builder2)
at Microsoft.AspNetCore.Components.Rendering.RenderTreeBuilder.AddContent(Int32 sequence, RenderFragment fragment)
at Microsoft.AspNetCore.Components.CascadingValue`1.Render(RenderTreeBuilder builder)
at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()

Grid

answered on 07 Sep 2020

1 answer

121 views

How do I format the <option> part of a dropdown?

See the attached image. The flag images are only 21px wide, but the PopupWidth is 69px.

So I seem to have 48px of margins and/or paddding.
Since the dropdown collapses when it no longer has the focus, i cannot see the styles in Chrome Devtools.

I am using <ItemTemplate> and <ValueTemplate> to format the <select> and <option> elements.

DropDownList

answered on 07 Sep 2020

1 answer

368 views

Nested class TextField

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.8K+ 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