ManyWidgets.ipynb mount_id

[guimillet]

Description

Reproduce

1. Add "voila": {"template": "vuetify-default"} to the notebook metadata of ManyWidgets.ipynb
2. Render ManyWidgets.ipynb with voila

Or run voila --template vuetify-default ManyWidgets.ipynb (I have not tried)

Solution

Replace 'mount_id': 'content' with 'mount_id': 'content-main'.

[guimillet]

If ManyWidgets.ipynb is for the vuetify-base template, then this should be specified somewhere (notebook's metadata or in the readme). But with that template, there is a display issue: the row-class div element takes all the window height instead of the height of its content, such that the buttons that overflow appear below the window height. This display issue can be solved by placing the Row widget inside a Container widget (which also avoids having the first button cut on the left due to the negative padding of Row).