Angular gridster add custom content

Question

I have just started using angular-gridster library and I am wondering how I can embed an html page in a widget. I mean, how can I 'point' towards an html resource which loads its data separately etc. etc. For example, I would like to embed a chart of some sort in a widget with the purpose of creating a dashboard.

Thanks!

score 0 · Answer 1 · answered Feb 03 '16 at 16:59

You can put an iframe element inside of a Gridster widget. From experience, my recommendation is to detect when the user begins resizing a widget with an embedded iframe, and temporarily set display: none on the iframe during the resize, otherwise the browser will have big problems. Once the resize is done, reveal the iframe again.

score 0 · Accepted Answer · edited May 23 '17 at 11:45

0

I have actually solved it using this answer: Widgets with different dynamic content (angular-gridster)

Slightly more complicated than just using an iframe, yes, but then again you have a better modularity - each widget will have its own directive and all that. Thank you emackey!

edited May 23 '17 at 11:45

Community

1
1

answered Feb 04 '16 at 08:10

Alexandr

708
9
29

Angular gridster add custom content

2 Answers2