How to include a common footer in a drawer on all pages

1 Answer 150 Views
Drawer
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Tejas asked on 18 Aug 2023, 08:05 AM

I am using a Kendo Drawer, and I am facing two issues. Firstly, when I place a

 <DrawerContent>{props.children}</DrawerContent>

component and have children inside it, the content doesn't scroll properly. Secondly, I'm unsure how to consistently display a footer on all pages when using a Kendo Drawer.


1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 18 Aug 2023, 01:21 PM

Hello, Tejas,

You can render a footer by adding it under the Drawer component in `DrawerRouterContainer.jsx`. In the below example, I am rendering the footer in a div where I am settings its CSS styles position to `absolute` and bottom to `0`:

As for the scrolling, could you please provide me with more information on the issue? Is the content of your drawer scrollable and is the scrolling vertical or horizontal? It would really help if you send me a runnable example where the issue is reproduced so that I can have a clearer idea of the issue. You can use the above demo as a base.

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Drawer
Asked by
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Wissam
Telerik team
Share this question
or