TileLayout from different html files into one Drawer component

1 Answer 28 Views
Drawer TileLayout
haru
Top achievements
Rank 1
haru asked on 24 Aug 2022, 04:04 AM | edited on 24 Aug 2022, 04:55 AM

Hello,

I am doing a Django project and am creating a base.html that will be used in different pages using {% extend 'base.html'%}.

The base.html includes a Drawer and a TileLayout with only one tile (filter tile: this tile contains search filter components like datepicker, groupbutton, checkbox etc).

Then I have a file named main.html where I need to add several tiles underneath the filter tile from base.html

I was able to add several tiles to main.html but the problem is, it is not included in the Drawer component of base.html.  The tiles I've added on main.html appears below the height scope of base.html

I need to include the tiles from main.html into the same Drawer of base.html

I have been trying to figure this out for several days now but is unfortunately have not found a solution. If anyone could assist, it would be really helpful.

Thank you.

 

 

 

1 Answer, 1 is accepted

Sort by
0
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 26 Aug 2022, 07:06 PM

Hello Haru,

The Kendo UI Drawer currently does not have a way to specifically load via AJAX yet built-in.  That being said, I have found a Kendo UI Feature request which asks for databinding to be added to the component.  Please feel free to vote for it, and add any comments within the thread.

That being said, you could take advantage of the ItemClick event which is fired when you click on an option in the Kendo UI Drawer.  Then, you could make a request which would retrieve from main.html.  Then, you could use the jQuery html method to insert the contents(in this case a Kendo UI TileLayout component) from the view to the content container.  A similar example can be found here but your preference of how to retrieve the data from main.html is up to your preferences.

Please let me know if you have any questions regarding the matter.

Regards,
Patrick | Technical Support Engineer, Senior
Progress Telerik

The Premier Dev Conference is back! 

Coming to you live from Progress360 in-person or on your own time, DevReach for all. Register Today.


Tags
Drawer TileLayout
Asked by
haru
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
Share this question
or