Ready to go a little into DIY widgets? Learn the following:
- Host widgets on Flow
- Adjust the height on DIY widgets
| Content | Length | Link |
|---|---|---|
| Host a widget frontend on Flow | 7:15 |
Tutorial |
| Adjust the height of a widget hosted on Flow | 4:59 |
Tutorial |
Widget resize code snippets
These are the two scripts to put in the <head> of your html:
<script type="text/javascript" src="/static/jquery-3.3.1.min.js"></script><script type="text/javascript" src="/static/js/helpers/campusWidget.js"></script>
Put this last script underneath the <body> of your html:<script>CampusUI.updateHeight(Math.max($("#container").height(),150))</script>
Resize still not working? Check on these:
- Refresh the browser, not the widget.
- Did you put the id "container" on the
<body>? - If it still is not resizing, add a container
<div>within the<body>and move the "container" id to that container<div>.
Comments
0 comments
Please sign in to leave a comment.