How to position a Floating Action Button over a Scheduler

1 Answer 70 Views
Button Scheduler
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Grant asked on 18 Jul 2023, 02:32 PM

Hi Team, 

I would like to use a FAB as an alternative way to trigger the Scheduler Event Form open. However i cannot find a way to position it over the bottom right side of the scheduler.

I've been mucking around with this example (https://stackblitz.com/edit/react-nhzgh4?file=app%2Fmain.jsx) with no success, and ideas?

Thanks,
Grant

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 18 Jul 2023, 02:58 PM

Hello Grant,

I have modified the example so that the FloatingActionButton can remain at the bottom right side of the Scheduler:

Please note that I have wrapped it in a DIV element and changed its position property to "relative", so that scrolling parent containers will keep the button over the Scheduler. 

Another option would be to customize the Scheduler footer directly:

Hope this helps.

 

Regards,
Konstantin Dikov
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
Button Scheduler
Asked by
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Answers by
Konstantin Dikov
Telerik team
Share this question
or