detail row opens off screen

1 Answer 79 Views
Grid
Charles
Top achievements
Rank 1
Iron
Iron
Iron
Charles asked on 21 Sep 2021, 11:22 PM

Hello, I have detail row that appears perfectly, except when the master row is at the bottom of the container (or screen).  The detail row still opens, but requires scrolling to see it.

How can I auto scroll far enough to get the detail row to show, when the detail row is outside of the bounding container or screen?

Thanks.

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 24 Sep 2021, 02:00 PM

Hello, Charles,

You can use a logic similar to the one shown in the following Knowledge Base article:

https://docs.telerik.com/kendo-ui/knowledge-base/grid-scroll-selected-row 

The only difference is that you want to scroll to the expanded row, not the selected one.

I've modified the example to demonstrate this behavior:

https://dojo.telerik.com/@gdenchev/aCOyofax 

Let me know if you have any questions.

Best Regards,
Georgi Denchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Charles
Top achievements
Rank 1
Iron
Iron
Iron
commented on 29 Sep 2021, 09:24 PM

Hello, thanks for your response.

While your demo works, it doesn't do a thing for my application.  No errors.  It just doesn't do anything. I tried it in both FF and Chrome.

Frankly I would expect this functionality out of box?

I'll experiment and see if I can figure something out. 

Georgi Denchev
Telerik team
commented on 04 Oct 2021, 12:55 PM

Hi, Charles,

Generally speaking, functionalities such as this one are left for the Developers to implement as everyone might require a different behavior when the row is expanded.

Nevertheless, if you could reproduce the problem in a runnable sample(Dojo or somewhere else) and send it to me, I should be able to provide you with a workaround.

Tags
Grid
Asked by
Charles
Top achievements
Rank 1
Iron
Iron
Iron
Answers by
Georgi Denchev
Telerik team
Share this question
or