Telerik Forums
UI for Blazor Forum
3 answers
888 views

I'm using the Telerik Blazor components in a Blazor Hybrid app and until now they've worked perfectly. Unfortunately with the latest release I get a parse error that prevents the entire library from loading. Has anyone else seen this?

"Uncaught TypeError: t.split(...).at is not a function", source: https://0.0.0.0/_content/Telerik.UI.for.Blazor/js/telerik-blazor.js (28)"

Johan
Top achievements
Rank 2
Iron
Iron
 updated answer on 18 Sep 2023
1 answer
174 views

Hi, 

When is the Spreadsheet Blazor planned to release? There are conflicting answers across your forums and roadmap. We also need to plan appropriately for our customers. 

R3 2023:

https://www.telerik.com/support/whats-new/blazor-ui/roadmap?_ga=2.86876376.1908345897.1694788768-1711350647.1686141934&_gl=1*3hdhro*_ga*MTcxMTM1MDY0Ny4xNjg2MTQxOTM0*_ga_9JSNBCSF54*MTY5NDc4ODc2OC42MC4xLjE2OTQ3ODkwMDQuNTEuMC4w

R1 2024:

https://feedback.telerik.com/blazor/1442151-spreadsheet-component?_ga=2.145065076.1908345897.1694788768-1711350647.1686141934&_gl=1*iwgmye*_ga*MTcxMTM1MDY0Ny4xNjg2MTQxOTM0*_ga_9JSNBCSF54*MTY5NDc4ODc2OC42MC4xLjE2OTQ3ODg5MDQuNTIuMC4w

Dimo
Telerik team
 answered on 15 Sep 2023
0 answers
99 views

Hey,

I'm using the TelerikDatePicker in a grid edited row and I want to stop changing values when I click the keyboard arrows. Is there any solution to stop this ?

Thanks.

Ben
Top achievements
Rank 1
 asked on 14 Sep 2023
2 answers
400 views

I set 

Expanded="true"

but after I select the second item in the drawer it collapses. Here is my code for the drawer:

<TelerikDrawer Data="@pageData"
               SelectedItem="selectedItem"
               Mode="@DrawerMode.Push"
               Expanded="true"
               MiniMode=true
               SelectedItemChanged="((DrawerItem item) => SelectedItemChangedHandler(item))">
    <DrawerContent>
        @{
            if (selectedItem is not null)
            {
                <AdAccount AdAccountDisplayItem="@adAccountDI" />
            }
        }
    </DrawerContent>
</TelerikDrawer>

Víctor
Top achievements
Rank 1
Iron
Iron
Iron
 answered on 14 Sep 2023
1 answer
460 views

I have a TelerikDialog who host a component, when some logic occurs on component i would like to hide the dialog buttons, now i can do this for each button inside DialogButtons element, but this cause the dialog to show some empty space with a separation line.

I would like to hide entirely the DialogButtons element to prevent showing empty space, i tried with hidden html attribute or @if statement but it's not supported.

There is a workaround?

It woud be glad to have a Visible property on DialogButtons component in future releases.

Tsvetomir
Telerik team
 updated answer on 14 Sep 2023
0 answers
189 views

I am trying to create something I've seen a lot on other websites. I want to create a tooltip that shows "Copy to clipboard" when I hover over a <span> element, but when I click on the <span> I want the text to change to "Copied!"

This is what I am doing now

    <TelerikTooltip TargetSelector="#propvalue>span[title]" Position="@TooltipPosition.Top" ShowOn="@TooltipShowEvent.Hover" @ref="@tooltipHover">
        <Template>
            @{
                <div>
                    @copyToolTip
                </div>
            }
        </Template>
    </TelerikTooltip>

<span id="myCoolSpan"
            style="cursor:pointer;"
            onclick="@(()=>_copyButtonHandler(value as string))"            
            title="this is the title">
  Text of my span
</span>

    private async Task _copyButtonHandler(string value)
    {            
       copyToolTip = "Copied!";
       await _clipboardService.WriteTextAsync(value); 
    }


David
Top achievements
Rank 3
Iron
Iron
Veteran
 asked on 13 Sep 2023
0 answers
93 views

Hi, I'm using TelerikMultiSelect with grouping. I tried to create a custom filter on the group field, but the value entered by the user cannot be read. Do you know how to read the value?

Petr

Petr
Top achievements
Rank 1
 updated question on 13 Sep 2023
1 answer
357 views
Hi. I'm trying to modify the grid custom-popup-for example, so that the editform is contained in a tab with only some of the properties of the Model and other properties of the model in another tab. The problem is that the Save and Cancel buttons only appear in the first tab(the edit form). Is there a way to split the model properties into more than one tab, and have the Save and Cancel buttons outside of the tabs son that they can be clicked from any tab being active?

Tnkaks
Dimo
Telerik team
 answered on 12 Sep 2023
0 answers
239 views

Here's a code snippet demonstrating the issue:

https://blazorrepl.telerik.com/cRODPclB17lz8CCi20

Row drag and drop works like in the documentation example, except the indicator to show where the row will be dropped is missing.

If you press escape this both cancels the drag and drop and closes the window.  It also shows the indicator where it would have been, and there is no way to remove the indicator without refreshing the page.

How can this issue be resolved?

Leland
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 12 Sep 2023
3 answers
2.3K+ views

I populate the Grid with ~5000 results from a database. The Grid does the paging, sorting, and filtering in memory, except it won't filter for this one column that is a List<string> CustomerNamesList. I'm attempting to use the FilterMenuTemplate -- I just need a textbox and a dropdown like "Contains" and "Does Not Contain" but I can't figure out how to filter the Grid.

<GridColumn Field="@(nameof(CustomerNamesList))" Title="Customers" Sortable="false" Filterable="true">
    <FilterMenuTemplate>
        <label for="NameMenuFilter">Customer Name:</label>
        <TelerikTextBox Id="NameMenuFilter" ValueChanged="@((value) => UpdateCustomerNameFilter(value))"> 
        </TelerikTextBox>
    </FilterMenuTemplate>
    <Template>
        @* display - loop thru List of customer names *@ 
    </Template>
</GridColumn>

 

This code gets hit, but it's not doing anything...

public void UpdateCustomerNameFilter(string itemValue)
{
        var filter1 = partyNamesFilterContext.FilterDescriptor.FilterDescriptors[0] as FilterDescriptor;
        filter1.Value = itemValue;
        filter1.Operator = FilterOperator.Contains;
}


When I click Filter, it gives me a blazor.server.js error
Error: System.ArgumentException: Provided expression should have string type (Parameter 'stringExpression')

 

Update

Here's what I'm using as the datasource to make things clearer: IEnumerable<Companies>
So what it appears to me is that the Grid doesn't know how to filter on a List of objects like this List<string> 

public class Companies {
public int Id {get; set;} public List<string> CustomerNamesList {get; set;} = new List<string>();
// Other fields }


Dimo
Telerik team
 answered on 12 Sep 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?