Telerik Forums
UI for Blazor Forum
1 answer
246 views

Anyone got a list of a few case studies of web apps that have been deployed "into the wild"  - especially if using the Kendo library?
So far, I have built just one but it is an internal (behind the firewall) app and it is working great. 

Marin Bratanov
Telerik team
 answered on 18 Dec 2020
2 answers
111 views

Blazor (attachment 1.jpg)

 

jQuery (attachment 2.jpg)

 

i would appreciate for workaround 

 

 

Marin Bratanov
Telerik team
 answered on 17 Dec 2020
4 answers
1.0K+ views

 

Hi,

In my Telerik Blazor grid, I'm looking to limit the amount of characters a user can input in a particular column.  

So in my column below I want the user only to be able to enter max 50 characters when they are adding or updating a row.

 <GridColumn Field="Description">
                        <Template>
                            @((context as Model1).Desc.ToString())
                        </Template>
</GridColumn>

Thanks for any pointers!

 

Kieran
Top achievements
Rank 1
 answered on 17 Dec 2020
4 answers
275 views

Hello,
I've been trying to use a grid with hierarchy to show a list of items, which can have a parent and any number of children.
My object looks like this :

public class HierarchicObject
        {
            public ValueObject value;
            public List<HierarchicObject> children;
        }

The data that will vary a lot, and the maximum depth cannot be assumed.

Everything I have read on the docs and forums leads me to the conclusion that each level of depth has to be declared manually and individually. For example, the code from this page creates 3 levels for different objects.No problem so far.

My problem is that I can't do this since there is no known max depth, and even then it would mean duplicating the code many times, making it very large and unreadable as the fields (from my ValueObject) used in the grid contain templates.

My object being "hierarchical" by nature, is there a way to make it so the grid can handle virtually any level of depth using a single DetailTemplate or something similar ?

Please let me know if you need any additionnal information.

Regards

Nadezhda Tacheva
Telerik team
 answered on 16 Dec 2020
1 answer
328 views

We have a Blazor server app that has a dashboad type layout. What we'd like to do is export the charts and the data behind from the dashboard to the an Excel spreadsheet for download. Generating the dashbard, charts and spreadsheet looks straight forward with your components. The part I'm struggling with is how to embed the charts from the dashboard into the spreadsheet.

Is this supported?

 

Marin Bratanov
Telerik team
 answered on 16 Dec 2020
1 answer
939 views

Do you have or planned to add a QueryBuilder component similar to the one that Syncfusion have? 

 

https://www.syncfusion.com/blazor-components/blazor-query-builder

 

Marin Bratanov
Telerik team
 answered on 16 Dec 2020
5 answers
708 views
<TelerikTimePicker Value="(DateTime?)null" Format="t" />

is showing the null DateTime as "t", not as an empty string.

How do I prevent this?

 

 

Marin Bratanov
Telerik team
 answered on 15 Dec 2020
2 answers
732 views

I am looking for a way to change the toggle buttons icon on the TelerikDropdownList. I see in other versions there is a "DropdownButton" available. Is there a way to do that in the Blazor versions current state or is this a feature I need to propose?

Thanks.

Blane Bunderson
Top achievements
Rank 1
 answered on 14 Dec 2020
2 answers
785 views

I have a need to show additional details about a row of data and would like it to show within the grid.  To do this, I have used a hierarchical grid and I load the data using the OnRowExpand event.  Unfortunately, the grid's template is not updated after the model is updated.  Can you recommend a better approach to accomplish this?

Thanks,

 

Doug

@page "/po/{PoNumber}"
@attribute [Authorize]
@inject Layer3.Data.DataAccess.ERP.IPgDataAccess _db;
@using System.Linq;
@using Layer3.Data.Models.ERP.PO;

@if (Loading)
{
    <Waiting Message="@LoadingMessage" />
}

@if (NotFound)
{
    <div class="alert alert-danger" role="alert">
        <strong>@PoNumber</strong> was not found!
    </div>
}

<div class="card">
    <div class="card-header">
        <h3>
            PO #@PoNumber for <strong>@PO?.ProjectName</strong>
            <button type="button" class="close" aria-label="Close" @onclick="@(() => OnClose.InvokeAsync(InventoryTabModel))">
                <span aria-hidden="true">&times;</span>
            </button>
        </h3>
    </div>
    <div class="card-body">
        @if (PO != null)
        {
            <dl class="row">
                <dt class="col-sm-2">Vendor</dt>
                <dd class="col-sm-10">@PO.Vendor</dd>
                <dt class="col-sm-2">Order Date</dt>
                <dd class="col-sm-10">@PO.OrderDate</dd>
                <dt class="col-sm-2">Status</dt>
                <dd class="col-sm-10">@PO.Status</dd>
                <dt class="col-sm-2">Comments</dt>
                <dd class="col-sm-10">@((MarkupString)PO.Comments.Replace("\n", "<br />"))</dd>
            </dl>
        }

        @if (Lines != null)
        {
            <TelerikGrid Data="@Lines" Sortable="false" Pageable="false" OnRowExpand="@OnRowExpandHandler">
                <GridColumns>
                    <GridColumn Field=@nameof(PoItem.LineNumber) />
                    <GridColumn Field=@nameof(PoItem.Status) />
                    <GridColumn Field=@nameof(PoItem.ItemNumber) />
                    <GridColumn Field=@nameof(PoItem.Manufacturer) />
                    <GridColumn Field=@nameof(PoItem.Config) />
                    <GridColumn Field=@nameof(PoItem.QtyOrdered) />
                    <GridColumn Field=@nameof(PoItem.QtyReceived) />
                    <GridColumn Field=@nameof(PoItem.QtyReturned) />
                    <GridColumn Field=@nameof(PoItem.SoNumber) />
                </GridColumns>
                <DetailTemplate Context="LineContext">
                    @{
                        var line = LineContext;

                        @if (line.Serialized)
                        {
                            <dl class="row">
                                <dt class="col-sm-2">In Inventory</dt>
                                <dd class="col-sm-10">@line.InInventory</dd>
                                <dt class="col-sm-2">Shipped</dt>
                                <dd class="col-sm-10">@line.Shipped</dd>
                                <dt class="col-sm-2">Serial Swapped</dt>
                                <dd class="col-sm-10">@line.SerialSwapped</dd>
                            </dl>
                        }
                        else
                        {
                            <span>Not serialized</span>
                        }
                    }
                </DetailTemplate>
            </TelerikGrid>
        }
    </div>
</div>

@code {
    [Parameter]
    public string PoNumber { get; set; }

    [Parameter]
    public bool ShowClose { get; set; } = false;

    [Parameter]
    public EventCallback<ProjectInventory.TabModel> OnClose { get; set; }

    [Parameter]
    public ProjectInventory.TabModel InventoryTabModel { get; set; }

    [Parameter]
    public EventCallback<ProjectInventory.OpenTabEventArgs> OnTabOpen { get; set; }

    private string LoadingMessage { get; set; }
    private bool Loading { get; set; } = false;
    private bool NotFound { get; set; } = false;
    private Layer3.Data.Models.ERP.PO.PO PO { get; set; }
    private List<Layer3.Data.Models.ERP.PO.PoItem> Lines { get; set; }

    protected override async Task OnParametersSetAsync()
    {
        LoadingMessage = $"Searching for PO #{PoNumber}...";
        Loading = true;

        try
        {
            Layer3.Data.DataAccess.ERP.PO po = new Layer3.Data.DataAccess.ERP.PO(_db);
            PO = await po.GetPoAsync(PoNumber);
            Lines = await po.GetPoLinesAsync(PoNumber);
        }
        finally
        {
            Loading = false;
        }
    }

    async void OnRowExpandHandler(GridRowExpandEventArgs args)
    {
        var line = args.Item as Layer3.Data.Models.ERP.PO.PoItem;

        if (line.Serialized && line.SerialAudits == null)
        {
            // get serials received
            LoadingMessage = $"Getting serials receive for Line #{line.LineNumber}...";
            Loading = true;

            try
            {
                Layer3.Data.DataAccess.ERP.PO po = new Layer3.Data.DataAccess.ERP.PO(_db);
                line.SerialAudits = await po.GetSerialAuditsAsync(PoNumber, line.LineNumber);
            }
            finally
            {
                Loading = false;
            }
        }
    }
}

Doug
Top achievements
Rank 1
Veteran
 answered on 11 Dec 2020
9 answers
409 views

Hi, Is there an estimation to have Scheduler for Blazor?

I need to do a timeline view of activity per user where you have a bar with different colours to represent different status during that time. Would that be possible to do with the scheduler timeline view?

I have attached a screenshot of something similar to what i want to do. Could you advise if this will be available for scheduler for blazor and when?

Thanks!

Marin Bratanov
Telerik team
 answered on 10 Dec 2020
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?