Use event handlers to trigger actions in response to user events. The following events are triggered by user interactions with iFrame components. Returns the string of the Source Doc property Returns the string of the Source URL property Returns the boolean value of the component's visibility (True, if it is visible) Properties can be accessed from other frontend components and backend APIs by adding the name of the iFrame component, and dot referencing the property. Whether iFrame should show loading animation when a dependent API is running, values are a booleanĬontrols the visibility of the component, values are a boolean The srcdoc is where we will store all our HTML code to be displayed in the iframe. IFrame Properties Component Properties Property The code is given below, note that this makes use of Store Value and Global object metadata. The example below shows displaying a color picker within an iFrame and passing the selected value back to the Input component within the application. For example, by setting the Source Doc to the iFrame can be useful for visualizing code from a Code Editor component.Ĭustom widget passing data to application HTML fragments can be placed directly within Source Doc.īy setting the iFrame's Source Doc, the iFrame can display HTML retrieved from the output of an API or another component. You can embed websites or third party applications into your Superblocks applications by using the Source URL property. can be encoded as this: data:text/html charsetutf-8,3Chtml3E3Cbod圓Efoo3C/bod圓E3C/html3E. NOTE: This guide is for using iFrame components in your applications, if you'd like to embed your applications externally, see more details here. For example, the following HTML: foo.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |