Skip to content

IFrame

A component to embed an external resource in an iframe.

Fields

NameTypeDescriptionOptions
SourceTextA valid URL
SeparatorColor
Custom CSS classesTextCSS classes, separated by spaces. You can define classes in custom stylesheets.

Events

NameDescriptionUsage
ss-loadFires when the resource has successfully loaded.
def load_handler(state):

  # Sets status message when resource is loaded

  state["status"] = "Page loaded"

Low code usage

This component can be declared directly in Python, using backend-driven UI.

python
ui.IFrame(content={
        "src": "", # str 
        "separatorColor": "", # str 
        "cssClasses": "", # str 
    },
    handlers={
        "ss-load": handle_event,
    }
)
A function, in this example handle_event, should be implemented in your code to handle events.
python
def handle_event(state, payload, context, ui):
  pass

Reference