Telerik Forums
UI for Blazor Forum
1 answer
206 views

So I have a grid with a subgrid.

Sometimes the subgrid has enough data rows that it seems to the user the grid is doing nothing when in fact tis still getting ready to display its subgrid contents.

I was wondering if there was a way to show the Loader object when these rows are taking a bit to show up?

Hristian Stefanov
Telerik team
 answered on 20 Jun 2023
1 answer
310 views

Is there a way to disable text selection.

I tried adding this css class 

.disable-selection {
    user-select: none;
}

on the <TelerikGrid/> level but I can still highlight text.

Anthony
Top achievements
Rank 1
Iron
 answered on 19 Jun 2023
1 answer
306 views

Hello.

 

I need to cancel a user selection based on  some criteria.  Any idea?  Example, User choose a new item in the dropdownlist and after check something in OnChange event I want to keep the original selection.

 


                       <TelerikDropDownList Data="@infosEtapeMaitriseCategories"                        
                                         @bind-Value="@CurrentlyEditingEtapeMaitrise.tlkpEtapeMaitriseCategorieId"
                                     TextField="TextField" ValueField="ValueField"
                                     Enabled="@tlkpEtapeMaitriseCategorieIdEnabled"                                             
                                     Width="100%">

 

 

Hristian Stefanov
Telerik team
 answered on 19 Jun 2023
3 answers
347 views

When I try the following I just get the underlining number: 343526.3

<ChartSeriesTooltip Visible="true">
                                <Template>
                                    @(string.Format("{0:C2}", (context.FormattedValue as object)))
                                </Template>
                            </ChartSeriesTooltip>

When I try, I get:

<ChartSeriesTooltip Visible="true">
                                <Template>
                                    @(string.Format("{0:C2}", (context.DataItem as object)))
                                </Template>
                            </ChartSeriesTooltip>

 

I am not sure what I am doing wrong here.

the class tis attached to:

public class MDRevNCostOverTime
        {
            [DisplayFormat(DataFormatString = "{0:C}")]
            public decimal Series1 { get; set; }
            [DisplayFormat(DataFormatString = "{0:C}")]
            public decimal Series2 { get; set; }
        }

 

Nadezhda Tacheva
Telerik team
 answered on 19 Jun 2023
1 answer
287 views

How to disable window resizing (by default, the Window is resizable) of Popup Form Template (GridPopupEditSettings)

(similar to the Resizable="false" property for the TelerikWindow component). 

https://demos.telerik.com/blazor-ui/grid/popup-edit-form-template

 

 

Thank you for the help.


Radko
Telerik team
 answered on 19 Jun 2023
1 answer
112 views

Hi,

 

ist there any "Selected" Event for the Editor? I would like to enable/disable custom Tools, based on Selection, like you do with the add/remove hyperlink button.

 

Thanks

Tsvetomir
Telerik team
 answered on 19 Jun 2023
2 answers
213 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
140 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
572 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
152 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?