Used for cases when you need to embed another web page within your app.
name attribute indicates how to reference this component in the query arguments:
Check the full API at ui.frame.
q.page['example'] = ui.form_card(box='1 1 7 7', items=[ ui.frame(path='https://example.com', height='600px')])
For cases when you want to build the embedded page yourself, you can use the
content attribute that
expects your HTML.
One of the key advantages of Wave is zero HTML / CSS / JS knowledge. We strongly advise you to use native Wave components and use custom HTML only as a last resort solution.
content = '''<!DOCTYPE html><html><body> <h1>Hello World!</h1></body></html>''' q.page['example'] = ui.form_card(box='1 1 2 2', items=[ ui.frame(content=content)])
In addition to the
width attribute that is present on every form component, the frame also provides
a way to control height via the
height attribute. It supports all the CSS units, however
% may not always work as you
could expect so we advise using static units like
rem etc. instead.
q.page['example'] = ui.form_card(box='1 1 4 4', items=[ ui.frame(path='https://example.com', width='200px', height='200px')])