Use gantt within Kendo Drawer - position right

1 Answer 58 Views
Drawer Gantt
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Vedad asked on 23 Jun 2022, 03:04 PM

Hi,

I am trying to use Gantt widget with Drawer located at the right side. 

For some reason, when I position drawer to the right, even with mini mode it is always outside of the screen (horizontal scroll appears) - if i expand drawer, it basically expands it to the right, and remains outside screen, horizontal scroll just expands area.

When drawer is positioned on the left it works normally (pushes gantt for width of drawer).

Behavior can be observed in following Dojo:

https://dojo.telerik.com/EdIQaXeY

Thank you very much

Regards

Vedad

1 Answer, 1 is accepted

Sort by
0
Accepted
Georgi Denchev
Telerik team
answered on 28 Jun 2022, 01:22 PM

Hello, Vedad,

Thank you for the provided Dojo.

You must apply a width to the drawer container, otherwise it will take as much space as the elements inside it require:

    <style>
      #drawer-content {
        width: 500px;
      }
    </style>

Dojo

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

Results

Mini Mode

Expanded

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/.

Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
commented on 12 Jul 2022, 08:44 AM

Thank you Georgi, 

this solves the problem indeed.

Have a nice day.

Vedad

Tags
Drawer Gantt
Asked by
Vedad
Top achievements
Rank 2
Bronze
Bronze
Veteran
Answers by
Georgi Denchev
Telerik team
Share this question
or