Telerik Forums
UI for Blazor Forum
2 answers
227 views
I have written a small application where our service employees can set icons themselves. I thought it would be quite simple:
Here is a list of the icons I found on Teleriks Site:

https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/

And I have written a guide on how to convert the names to camel case so that

...Enum.TryParse(typeof(FontIcon), function.FontIcon, out font_icon);

works.


In function.FontIcon, the corresponding string is stored. And now a message came back saying:

non-recurrence -> NonRecurrence

is not being displayed. I have checked and indeed, it is not present in the Telerik.FontIcon class.

Is there another source that could be referenced where the icon representation and the text are consistent? Yes I could write a small Page to create a list of all components. But I think it is worth mentioning this issue here. :-) Maybe you could fix the page on the documentation.

I ran in this "problem" using ContextMenuItem
Radko
Telerik team
 answered on 18 Jun 2023
1 answer
154 views

Blazor .Net 7

I have the following TelerikListView.  When the user changes the TelerikTextBox Cidr value I want to handle the ValueChanged event however when I do this, I need to update the underlying model object manually.  I am stuck.  When the TelerikListView is in edit mode, either for a new element or for an existing element I can't figureout how to reference the element correctly in the ValueChanged event handler.  I know I need to update the model manually but I am not sure how.  Any hints?

<TelerikListView Data="@SubnetList" Width="700px" Pageable="true"

                 OnCreate="@CreateHandler" OnDelete="@DeleteHandler" OnUpdate="@UpdateHandler"
                 OnEdit="@EditHandler" OnCancel="@CancelHandler">
    <HeaderTemplate>
        <h2>Subnet List</h2>
        <ListViewCommandButton Command="Add" Icon="@FontIcon.Plus">Add Subnet</ListViewCommandButton>
    </HeaderTemplate>
    <Template>
        <div class="listview-item">
            <h4>@context.Cidr</h4>
            <ListViewCommandButton Command="Edit" Icon="@FontIcon.Pencil">Edit</ListViewCommandButton>
            <ListViewCommandButton Command="Delete" Icon="@FontIcon.Trash">Delete</ListViewCommandButton>
        </div>
    </Template>
    <EditTemplate>
        <div style="border: 1px solid green; margin: 10px; padding: 10px; display: inline-block;">
            <TelerikFloatingLabel Text="CIDR">
                <TelerikTextBox Id="Cidr" ValueChanged="@CidrValueChangedHandler" />
            </TelerikFloatingLabel><br />
            <ListViewCommandButton Command="Save" Icon="@FontIcon.Save">Save</ListViewCommandButton>
            <ListViewCommandButton Command="Cancel" Icon="@FontIcon.Cancel">Cancel</ListViewCommandButton>
        </div>
    </EditTemplate>
</TelerikListView>
@code {
    private List<Models.Subnet> SubnetList = new List<Models.Subnet>();

    protected override async Task OnInitializedAsync() 
        => SubnetList = await SubnetService.GetAllAsync();

    private void CidrValueChangedHandler(string theUserInput)
    {
        // manually update the model here

// calculate subnet properties here to help the user select size the subnet
// correctly by selecting the number of bits in the network side of the mask
// # number of hosts, etc.
    }

    async Task GetListViewData()
        => SubnetList = await SubnetService.GetAllAsync();
}

Yanislav
Telerik team
 answered on 16 Jun 2023
1 answer
611 views
Do you have an example of how to use the FileManager to manage files stored in Azure Blob Storage?
Hristian Stefanov
Telerik team
 answered on 15 Jun 2023
1 answer
161 views

Good Day,

I have been implementing drag&drop functionality between two Telerik Blazor grids using different data models. Using the documentation article as a reference below, I am able to get 2 models (derived from the same interface) to drag between 2 grids.

How to Drag and Drop Different Models between Multiple Grids - Telerik UI for Blazor

However, grid functions such as sorting and filtering start throwing errors, when unique fields are introduced per model. To re-produce, start with the demo code in the artcile and try and sort "Unique Field 1".  This throws an exception: "Unhandled exception rendering component: Invalid property or field - 'UniqueField1' for type: IParentSampleData". See screenshot attached.

This makes sense, but it's very limiting. My question is, if this can "worked around" in any way.

I have tried to intercept the "StateChanged" event. But as I still need to call gridObj.SetStateAsync(args.GridState), I cannot circumvent the issue. As per the error, I assume that these Grid methods use the interface definition and not the actual model instance to determine available properties for filtering & sorting, etc.

Is there somethig I am missing? Would anyone have any experience with this scenario and could point me in the direction of a "work around" if one exists?

Many thanks,
Peter

Nadezhda Tacheva
Telerik team
 answered on 15 Jun 2023
0 answers
410 views
Is it possible to perform infinite scrolling in the grid, where the data is pulled from an external API as the user scrolls? If so, is there a sample I could use?
Andy
Top achievements
Rank 1
 asked on 14 Jun 2023
1 answer
1.2K+ views
How do I add a Clear button to a DropDownList?  The docs say that it can be done, but don't give any examples that I can find.
Nadezhda Tacheva
Telerik team
 answered on 14 Jun 2023
0 answers
127 views

**Question Removed Due to Finding Answer***
Cannot delete question which is a shame.

ReverseBLT
Top achievements
Rank 1
Iron
 updated question on 13 Jun 2023
1 answer
121 views

I'm using a chart with BaseUnit="ChartCategoryAxisBaseUnit.Fit"

Aggregate="ChartSeriesAggregate.Sum",   Type="ChartCategoryAxisType.Date"

When clicking on a series it returns a single date (day)  and not the date range that were used for the aggregation.

 

I need the range in order to show the full result list in a grid.

 

How can it be done?

Ilan
Top achievements
Rank 1
Bronze
Iron
Veteran
 answered on 12 Jun 2023
1 answer
328 views

Is this possible?   

I have seen the documentation on highlighting rows, but I haven't seen anything around getting a row to highlight outside of row selection and checkbox selection.

Radko
Telerik team
 answered on 12 Jun 2023
0 answers
152 views
Hello!
Since you changed the classes for displaying table icons, tell us how to change these terrible + and - to other icons?
Previously, the code was working:
.k-hierarchy-cell .k-icon.k-i-plus::before {
     content: "\e005";
     cursor: pointer;
     font-size: 1.3em
}

.k-hierarchy-cell .k-icon.k-i-minus::before {
     content: "\e006";
     cursor: pointer;
     font-size: 1.3em
     color: rgb(var(--primary-a));
     background-color: rgb(var(--primary-d));
     border-radius: 4px
}
Ivan
Top achievements
Rank 3
Iron
Iron
Iron
 asked on 11 Jun 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?