Telerik Forums
UI for Blazor Forum
0 answers
12 views

Hello,

I’m working with the TelerikGrid for Blazor and I have a specific layout need.

I would like to display a full custom component (for example, a "MailCard" or a detail panel) under each row of the grid, while still keeping the standard grid columns (like name, date, etc.) visible as usual.

I explored the DetailTemplate, which allows me to show custom content per row, but it requires a manual click on the expand (+) button, and I haven't found any official way to auto-expand all rows by default — especially across pages.

So my two questions are:

  1. Is there a way to embed a full custom component directly within a row, without using the DetailTemplate, while still keeping the columns aligned above?

  2. If not, is there a supported method to auto-expand all rows' DetailTemplate by default, even when paging is enabled?

Thanks in advance for your help or suggestions.

Best regards,
Kenzi

Kenzi
Top achievements
Rank 1
 asked on 25 Jun 2025
2 answers
24 views

I have a _Host.cshtml (underscore) not a Host.cshtml.

The information provided is pretty generic "manually update your code after the wizard completes"?  Not much of a wizard, what exactly do I need to manually update?

Rob.

 

Maria
Telerik team
 answered on 06 Jun 2025
1 answer
28 views

I am brand new to Telerik.  I am beginning a new Blazor application in Visual Studio and would like to know what best practices I should follow regarding the structure of my application.  For example:

  • Should I start with a Telerik project and then add SQL Server and authentication (Identity - Individual Accounts) later?  Or is it best to  scaffold these first and then add Telerik after they are setup?
  • If I start with a Microsoft Blazor Web App, are there best practices for replacing the standard Microsoft themes with Telerik themes?
  • Are there best practices for connecting Telerik to SQL Server data? 

Thanks in advance for your help.

Dimo
Telerik team
 answered on 06 Jun 2025
1 answer
17 views
hi,
  I have a question, why can I move from the left ListBox Control to the right ListBox Control by just selecting any item, but on the contrary, if I select any item from the right ListBox Control, I need to select any item from the left ListBox Control to move to the left? I know they use connection subscription, but is there a solution to make it possible to move from the right ListBox Control to the left ListBox Control by just selecting any item?
Jackson
Top achievements
Rank 2
Iron
Iron
 answered on 26 May 2025
1 answer
25 views

Hi I was wondering if it's possible to find more details on exactly what is changed in each release? In general the list in Release History is very generic and does not necessarily mention what method or API, etc. changed. Competing products will display links to issues or work items included, or at least more details about what code changes were made. And the lists are comprehensive.

For instance, in v9 demos, there is a NEW badge on the Grid -> Export, though exporting has been there for awhile. Reading Release History alludes to:

  • Add configuration for CSV export API
  • Add configuration for Excel export API

but that doesn't really tell me what is changed or available now. Looking at the docs nothing seems radically new.

Details like that are critical in an enterprise environment when evaluating new features or breaking changes, or to just keep up with what's changing. And if I'm just missing this info somewhere, let me know.

 

Dimo
Telerik team
 answered on 21 May 2025
1 answer
43 views

Hello,

I'm getting several time out messages while trying to restore nuget packages from a Azure Pipeline.

Is there any running issue with the Nuget servers?

BR,

Vitor Linares

Hristian Stefanov
Telerik team
 answered on 21 May 2025
1 answer
35 views
I'm trying to replicate the Expander that you have in your AspNetCore.  I'm attempting to do it with a TelerikCard then the Drawer.  Whatever help you can give would be appreciated.

What I'm trying to replicate:


So, I got close using the card.  Starting with the Header, I need to align the Telerik button to the right.  Then, when I push the button, I need it to toggle the CardBody open/closed.
            <TelerikCard>
                <CardHeader Class="gsi-border-width-0 gsi-border-color-white">
                    <TelerikStackLayout Orientation="StackLayoutOrientation.Horizontal">
                        <h5>Filter</h5>

                        <TelerikButton Id="filterChevronButton" FillMode="Clear" Class="gsi-border-width-0 gsi-border-color-white"
                                       Icon="@( FilterVisible? Telerik.SvgIcons.SvgIcon.ChevronUp : Telerik.SvgIcons.SvgIcon.ChevronDown)" />

                    </TelerikStackLayout>
                </CardHeader>
                <CardBody>
                    <TelerikStackLayout Spacing="5px">
                        <TelerikCard Width="33vh">
                            <CardBody>
                                A
                            </CardBody>
                        </TelerikCard>
                        <TelerikCard Width="33vh">
                            <CardBody>
                                B
                            </CardBody>
                        </TelerikCard>
                        <TelerikCard Width="34vh">
                            <CardBody>
                                C
                            </CardBody>
                        </TelerikCard>
                    </TelerikStackLayout>
                </CardBody>
            </TelerikCard>

Drawer, which looks interesting, but didn't have any success.
            <TelerikDrawer MiniMode="false">
                <DrawerContent>

                    <DrawerItem>
                        <TelerikCard Width="33vh">
                            <CardBody>
                                A
                            </CardBody>
                        </TelerikCard>
                    </DrawerItem>

                    <DrawerItem>
                        <TelerikCard Width="33vh">
                            <CardBody>
                                A
                            </CardBody>
                        </TelerikCard>
                    </DrawerItem>

                    <DrawerItem>
                        <TelerikCard Width="33vh">
                            <CardBody>
                                A
                            </CardBody>
                        </TelerikCard>
                    </DrawerItem>

                </DrawerContent>
            </TelerikDrawer>

Dimo
Telerik team
 updated answer on 15 May 2025
0 answers
24 views

Good evening.

I implemented Telerik's themes switching at runtime in my Blazor Server app by following this guide: https://www.telerik.com/blazor-ui/documentation/knowledge-base/change-theme-runtime
So far it seems to be working fine, as I can see the Telerik components change their appearance based on the chosen theme.

I'd like to also apply the theme to other standard html elements in the DOM. For example, even after setting a Telerik's "dark" theme:

  • The body of the page is still white
  • The <label> tags are still black

What is the correct and best approach to change the appearance of the above elements so that they are coherent with the chosen Telerik theme?

NiV-L-A
Top achievements
Rank 2
Iron
 asked on 11 May 2025
2 answers
27 views

I have a Blazor server application that has worked well for a long time. Recently my computer crashed and I have to reinstall Windows, Visual Studio and so on. After that, as I want to imporve my application, I encounter an unhandled exception in telerik-blazor.js randomly, regardless of which component is called or what is the user's behavior.

The exception is as follows in attached image

I Used Telerik.UI.for.Blazor 5.1.1 in this project as DLLs ans staticwebassets instead of nuget packages. I tried to reinstall nuget packages but that did not help me.

Can somone please help me with this or have an Idea?

Alireza
Top achievements
Rank 1
Iron
 answered on 10 Apr 2025
1 answer
57 views

Hi,  I am creating E2E testing using Playwright , but I am having issues getting the value of the textearea.

As you can see on the screenshot below when using the playwright code generator it picks the label  "This project is unique because…" but I want the Value "test user 5.1"  , looking at he HTML generated the value "test user 5.1" is not there , how do I get the value ? 

I also tried using the data-testid tag on the components  but it wont work .

 <TelerikTextArea data-testid="test1" @bind-Value="@extendedData.UniqueBecause"
 MaxLength="1000"
 Rows="3">
 </TelerikTextArea>

What's the best recommendation to test using Playwright ? 


 

Thanks .

Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
 updated answer on 21 Mar 2025
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
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
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?