If JavaScript is enabled, you can specify valid CSS border-radius to adjust the radius of the corners. Border radius string Īpplies rounded corners to the outer edge of the widget. The maximum value is 100, which represents full opacity.
This property controls the opacity level of the widget's border. Specifies the width of the widget's border, accepting only numerical values in pixels (px). Border and shadow Border Width number It can also be manipulated programmatically using the JavaScript functions.
Sets a color for the Iframe's border, specified as a CSS color value. Style properties allow you to change the look and feel of the widget. Specifies the action to be performed when a postMessage event is received from the embedded page. Specifies the action to be performed when the srcDoc property of the widget is changed. Specifies the action to be performed when the widget's URL property is changed. When the event is triggered, these event handlers can execute queries, JS functions, or other supported actions. The default value for the property is true. Additionally, you can control it through JavaScript by clicking on the JS next to the property. When enabled, the widget shows a skeletal animation during the loading process. This property controls whether the widget is displayed with a loading animation. Set a title for the content displayed within the Iframe. See how to create custom widgets using Iframe.
If the Iframe widget has a value in the srcDoc property, it overrides the URL property.* Example CSS for a basic time picker */ * Add your custom CSS for the time picker here */