Telerik Forums
UI for Blazor Forum
4 answers
558 views

The pager for my Blazor UI Grid has been working just fine for over a month but now it is missing the button box around the 1 when I view the first page. The second page has a box around it like a typical button. When I click on the 2 button to display page 2, the 2 button no longer has a box around it but the 1 button does. So it seems to be a css issue with the currently selected page.

 

<TelerikGrid Data="@GridData"
             TotalCount="@Total"
             Sortable="true"
             Pageable="true"
             PageSize="@PageSize"
             OnRead="@OnReadHandler">
    <GridToolBar>
        <TelerikButton OnClick="@(() => SelectAccount(null))" Icon="add">Add Account</TelerikButton>
    </GridToolBar>
    <GridColumns>
        <GridCommandColumn Width="200px" Resizable="false">
            <GridCommandButton OnClick="@((args)=> SelectAccount(args.Item as AccountModel))" Icon="edit">Edit</GridCommandButton>
            <GridCommandButton OnClick="@((args)=> ShowDeleteConfirmationDialog(args.Item as AccountModel))" Icon="delete">Delete</GridCommandButton>
        </GridCommandColumn>
        <GridColumn Field="@(nameof(Account.AccountName))" Title="Account Name" />
        <GridColumn Field="@(nameof(Account.AccountType))" Title="Account Type" />
        <GridColumn Field="@(nameof(Account.OwnerName))" Title="Account Owner" />
        <GridColumn Field="@(nameof(Account.Status))" Title="Status" />
    </GridColumns>
</TelerikGrid>

Svetoslav Dimitrov
Telerik team
 answered on 16 Mar 2020
1 answer
710 views

How can I pass the context of a TreeView's ItemTemplate to a click handler?  This is what I have:

<TelerikTreeView Data="@TreeData">
    <TreeViewBindings>
        <TreeViewBinding IdField="Id"
                         TextField="Text">
            <ItemTemplate>
                @{
                    <TelerikButton OnClick="@OnClickHandler">@((context as TreeItem).Text)</TelerikButton>
                }
            </ItemTemplate>
        </TreeViewBinding>
    </TreeViewBindings>
</TelerikTreeView>
 
@code {
 
    public class TreeItem
    {
        public string Id { get; set; } = $"{Guid.NewGuid()}";
        public string Text { get; set; }
        public ObservableCollection<TreeItem> Items { get; set; } = new ObservableCollection<TreeItem>();
        public bool Expanded { get; set; }
        public bool HasChildren { get; set; }
        public bool Selected { get; set; }
    }
 
    private void OnClickHandler(TreeItem context)
    {
 
    }
Svetoslav Dimitrov
Telerik team
 answered on 12 Mar 2020
5 answers
783 views

Hey all,

I have a Blazor chart which has about four series on it and each series has a hundred or so points.  If I turn on the series labels, they all turn on and it makes my chart unreadable.  Is there a way to have them only appear when you either mouse over a marker on the series or when you click on the marker in the series?  This sounds easy to do but I can't seem to manage it with the Blazor chart.  Any and all help will be appreciated.  Thanks.

Cheers,

Jimmy

Marin Bratanov
Telerik team
 answered on 09 Mar 2020
6 answers
720 views

Hi,

 

I am getting the following exception from the grid and cannot understand why. The collection supplied to the function is definitely not empty and my function exits without a throw. Is there a way to understand why the code inside the grid is throwing an error? Then the circuit crashes and the blazor application is now dead.

If I use a GridCommandColumn no errors are raised.

 Unhandled exception rendering component: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')<br>System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')<br>   at System.Collections.Generic.List`1.get_Item(Int32 index)<br>   at Telerik.Blazor.Components.Grid.GridDataCellBase`1.get_Column()<br>   at Telerik.Blazor.Components.Grid.GridContentCell`1.get_BoundColumn()<br>   at Telerik.Blazor.Components.Grid.GridContentCell`1.OnClick()<br>   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)<br>   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)<br>fail: Microsoft.AspNetCore.Components.Server.Circuits.CircuitHost[111]<br>      Unhandled exception in circuit '-1BdfTDXKpRyAHNMXnaoanw8GipVDkrJ6NXuvg48GmA'.<br>System.ArgumentOutOfRangeException: Index was out of range. Must be non-negative and less than the size of the collection. (Parameter 'index')<br>   at System.Collections.Generic.List`1.get_Item(Int32 index)<br>   at Telerik.Blazor.Components.Grid.GridDataCellBase`1.get_Column()<br>   at Telerik.Blazor.Components.Grid.GridContentCell`1.get_BoundColumn()<br>   at Telerik.Blazor.Components.Grid.GridContentCell`1.OnClick()<br>   at Microsoft.AspNetCore.Components.ComponentBase.CallStateHasChangedOnAsyncCompletion(Task task)<br>   at Microsoft.AspNetCore.Components.RenderTree.Renderer.GetErrorHandledTask(Task taskToHandle)


 

Marin Bratanov
Telerik team
 answered on 06 Mar 2020
1 answer
304 views

According to this Link, CRUD functionality for the TreeView control is available starting with version 2.7.0.  Do you have a working example you could share?

 

Link

 

Svetoslav Dimitrov
Telerik team
 answered on 05 Mar 2020
6 answers
224 views

The Blarzo UI Is getting better.
I just put forward something missing:
1>The Chart UI need:

      tooltip/datapoint label/Crosshair,Maybe I didn't see an example( except the Pie Chart)
2>The DatePicker/DateTimePicker/NumericTextbox need:

      Modify data with mouse wheel
3>The DatePicker/DateTimePicker's droplist need:

      MouseOver effect.

4>In the future,Step by step realized  these function Similar to the Aspnet core UI.

Marin Bratanov
Telerik team
 answered on 05 Mar 2020
1 answer
717 views

Is it possible to paste multiple rows into the grid, whether it's from excel or notepad, I don't care, I'd just like to have the capability.

Thanks .... Ed

 

Marin Bratanov
Telerik team
 answered on 04 Mar 2020
1 answer
275 views
Is there a way to remove the indicator when no children are returned for a row?
Marin Bratanov
Telerik team
 answered on 04 Mar 2020
1 answer
736 views
Does blazor Grid support custom Aggregate functions on grouping with alignment?
Marin Bratanov
Telerik team
 answered on 04 Mar 2020
2 answers
671 views

Hello,

Is it possible to use the UI for Blazor within a Razor class library?

We have a project where we need to have multiple reusable component libraries that will ideally be based on UI for Blazor, in our current tests we add the nuget package to the Razor class library and it fails to be recognised when trying to consume the namespaces. Also we need to share the App between Server and Client Blazor, once again requiring the UI for Blazor to be with a shared razor library.

Thanks,

Andy.

Andy
Top achievements
Rank 1
 answered on 03 Mar 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?