Telerik Forums
UI for Blazor Forum
1 answer
65 views

I've created a custom GridColumn component with special formatting like so:

<GridColumn Field="@Field" Title="@Title" Width="@Width"><Template Context="context">

       @FormatValue(context)

   </Template>
</GridColumn>

When I place this within a <GridColumns> element (within a <TelerikGrid>) it always appears last. I'm pretty sure it's related to this issue but I don't quite follow the solution. The first one says to put the custom component directly in the grid tag. As in directly under <TelerikGrid> rather than within <GridColumns> (where I have it now)?

I having the same issue with a custom <DropDownMenuItem> component in that it always appears last no matter where I place it within the <DropDownButtonItems> in a <TelerikDropDownButton>. This isn't quite as critical because all of my button items are custom components so I can arrange them properly. But the GridColumn is mixed with other normal GridColumn components and I'd rather not have to create custom components for all of them.

Any thoughts? This is .NET 9 with Telerik UI for Blazor 7.1

Dimo
Telerik team
 answered on 19 Feb 2025
1 answer
45 views

One of the DropDownButtonItem in my TelerikDropDownButton control is Delete.

The OnClick method for the Delete DropDownButtonItem uses Dialogs.ConfirmAsync to make sure that the user really wants to perform the delete.

The issue is that the Delete button item is still visible when the ConfirmAsync window pops up. Depending on where the TelerikDropDownButton is on the page, the DropDownButtonItem overlaps the ConfirmAsync window.

Here's an example that shows the DropDownButtonItem is visible when the popup is displayed: https://blazorrepl.telerik.com/GylvcgFS09nqh4ZM26

Is there a way to hide the DropDownButtonItem after it is clicked?

Tsvetomir
Telerik team
 answered on 28 Nov 2024
1 answer
67 views

Hello,

I'm having an hard time to understand why my error arent showing in my blazor app when they happen inside the OnClick event of an DropDownButtonItem.

I've joined some code to reproduce the problem. When you click on "twitter" inside the Share DropDownButton, you should be able to see the "System.Exception" in the console log of the browser (f12) but nothing happen.

I can clearly see the "1" from the Console.WriteLine right before it but not the exception.

In my program, I was expecting to see our custom error handling to catch that error and show an error message to the client, but instead, nothing happen since we dont know the code failed, nor do we receive any answer

Thank you

<div class="demo-section auto">
    <TelerikDropDownButton Icon="@SvgIcon.Share">
        <DropDownButtonContent>Share</DropDownButtonContent>

        <DropDownButtonItems>
            <DropDownButtonItem Icon="@SvgIcon.Twitter" OnClick="@(()=>OnItemClick("Twitter"))">Twitter</DropDownButtonItem>
        </DropDownButtonItems>

    </TelerikDropDownButton>
</div>

@code {
    private void OnItemClick(string item)
    {
        Console.WriteLine(1);
        throw new System.Exception();
        Console.WriteLine(2);
    }
}


Nadezhda Tacheva
Telerik team
 answered on 18 Jul 2024
2 answers
151 views

Hello,

Is there a way to prevent the DropdownButton content from closing when clicking away from the dropped down content? 

 

Thank you,

Scott

Scott Michetti
Top achievements
Rank 1
Iron
 answered on 30 Apr 2024
2 answers
171 views
Start app that has the dropdown component
click on the dropdown and select one of the options
Note: only changes after 6+ clicks
Actual result:

The specific option isn't opened.

 

<FilterComponent @ref="filterComponent" SelectedItem="selectedItem" SelectedItemChanged="UpdateSelectedItemAsync">

 <TelerikStackLayout Orientation="StackLayoutOrientation.Horizontal" HorizontalAlign="StackLayoutHorizontalAlign.Right"
                     VerticalAlign="StackLayoutVerticalAlign.Center" Spacing="5px">
     <TelerikDropDownButton Icon="FontIcon.MoreHorizontal" ThemeColor="@ThemeConstants.Button.ThemeColor.Secondary">
         <DropDownButtonContent>
             Reports
         </DropDownButtonContent>
         <DropDownButtonItems>
             <DropDownButtonItem Icon="FontIcon.Table" OnClick="NavigateToReport1Async">Report 1</DropDownButtonItem>
             <DropDownButtonItem Icon="FontIcon.Table" OnClick="NavigateToReport2Async">Report 2</DropDownButtonItem>
             <DropDownButtonItem Icon="FontIcon.Table" OnClick="NavigateToReport3Async">Report 3</DropDownButtonItem>
         </DropDownButtonItems>
     </TelerikDropDownButton>
     <TelerikButton Icon="FontIcon.ChangeManually" ThemeColor="@ThemeConstants.Button.ThemeColor.Secondary"
                    OnClick="NavigateToCardAsync">Card</TelerikButton>
 </TelerikStackLayout>
</FilterComponent>
MobileApps
Top achievements
Rank 1
Iron
 answered on 26 Apr 2024
0 answers
195 views

Hello,

i´m evaluating Telerik UI for Blazor.

Maybe you can help me:

it is possible to bind a WebGrid IgbGrid to a Web-DropDown with full Grid-FUncrtionality like sorting, grouping, filtering? Attached you find a sample of the Use-Case.

Volkhard
Top achievements
Rank 1
 asked on 01 Apr 2024
1 answer
272 views
I'm building a TelerikDropDownButton, and I'd like to base the DropDownButtonItems on data pulled from SQL. But I don't see anything in the documentation that allows for that to happen, and I've tried in-line C# in the items node, and it cases the build to break.

Is there a way to attach a data object list to the DropDownButtonItems to generate the items dynamically?
Nadezhda Tacheva
Telerik team
 answered on 25 Mar 2024
1 answer
435 views

I need a country code selector prepended with mobile number  in kendo Blazor
But not find any component that can be used.

Any help on this will be appreciated .


Svetoslav Dimitrov
Telerik team
 answered on 03 Jan 2024
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?