Web

Element type: Dictionary

This component allows you to display a web page.

Keys

Name	Type	Possible values	Required
Type	String	Web	Required
URL	String	-	Required
IsScrollDisabled	Boolean	-
IsHorizontalScrollBarHidden	Boolean	-
IsVerticalScrollBarHidden	Boolean	-
Margins	Dictionary (Margins)	-
Border	Dictionary (Border)	-
Condition PRO	Dictionary (Condition)	-

Detail

Type Required

Type: String
Explanation: The type of the component which has to be Web.

URL Required

Type: String
Explanation: The URL of the web page to display. Can be local or online.

IsScrollDisabled

Type: Boolean
Default: false
Explanation: Lets you deactivate totally the scroll bars of the web view.

IsHorizontalScrollBarHidden

Type: Boolean
Default: true
Explanation: Lets you hide or show the horizontal scroll bar in the web view.

IsVerticalScrollBarHidden

Type: Boolean
Default: false
Explanation: Lets you hide or show the vertical scroll bar in the web view.

Margins

Type: Dictionary (Margins)
Explanation: Add padding to the component's sides.

Border

Type: Dictionary (Border)
Explanation: Add a top or bottom border to a component.

Condition PRO

Type: Dictionary (Condition)
Explanation: Allows to hide or show the component using a boolean expression.

Example

Using an online web page.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<!-- ... -->
	<key>Slides</key>
	<array>
		<dict>
			<key>Containers</key>
			<array>
				<dict>
					<key>Components</key>
					<array>
						<dict>
							<key>Type</key>
							<string>Web</string>
							<key>URL</key>
							<string>https://www.octory.io</string>
						</dict>
					</array>
				</dict>
			</array>
		</dict>
	</array>
	<!-- ... -->
</dict>
</plist>

Locale web page with a variable webPage in its URL.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<!-- ... -->
	<key>Slides</key>
	<array>
		<dict>
			<key>Containers</key>
			<array>
				<dict>
					<key>Components</key>
					<array>
						<dict>
							<key>Type</key>
							<string>Image</string>
							<key>URL</key>
							<string>${webPage}/index.html</string>
						</dict>
					</array>
				</dict>
			</array>
		</dict>
	</array>
	<!-- ... -->
</dict>
</plist>