1. Help
  2. Object and variable references
  3. QPlatform.UI
  4. ObjectType
  5. Web browser

Web browser

BrowseName: WebBrowser
SuperType: Element (Item)
TypeView path: Tipi > UI > Contenuti > Browser web

Display an online web page or a local HTML file at runtime.

Applications

Typically used to display HTML content exposed by a web server (for example a PLC, a network printer, an IP camera).

Configuring the object

Create a search bar

  1. Create an Editable label object.

  2. In the Web browser properties, click image453204BF next to URL and set a dynamic link with the Text variable of Editable label.

At runtime it is then possible to type the desired URL and press ENTER to display the related HTML page.

Create buttons for navigation

With object methods it is possible to create buttons for forward/backward/update navigation:

  1. Create a Button object.

  2. Associate the MouseClick Event button event with the Navigate to previous method of the Web browser object.

  3. Repeat the previous steps for the other two buttons to be associated with the Navigate to next and Refresh methods.

Properties

Name

BrowseName

DataType

Description
URL

URL

ResourceUri

URL of the web page or local HTML file to display at runtime. The URL must always include “http://” or “https://”. “www.” needs to be specified for web pages that prescribe it.
Visible

Visible

Boolean
Show/hide the window.
(Inherited from Element)
Enabled

Enabled

Boolean
Enables/disables the interaction with the user (True = enabled; False = disabled).
(Inherited from Element)
Opacity

Opacity

Float
Opacity level (0 = transparent)
(Inherited from Element)
Left margin

LeftMargin

Size
(Only if Horizontal Alignment = Left or Center or Stretch) Distance between the left edge of the object and the left edge of its container.
(Inherited from Element)
Top margin

TopMargin

Size
(Only if Vertical Alignment = Top or Center or Stretch) Distance between the top edge of the object and the top edge of its container.
(Inherited from Element)
Right margin

RightMargin

Size
(Only if Horizontal Alignment = Right or Center or Stretch) Distance between the right edge of the object and the right edge of its container.
(Inherited from Element)
Bottom margin

BottomMargin

Size
(Only if Vertical Alignment = Bottom or Center or Stretch) Distance between the bottom edge of the object and the bottom edge of its container.
(Inherited from Element)
Width

Width

Size
Width of the window. It can assume values greater than or equal to zero. The Auto value sets the width equal to the width of the content (in this case, in the absence of content the object collapses).
(Inherited from Element)
Height

Height

Size
Height of the window. It can assume values greater than or equal to zero. The Auto value sets the height equal to the height of the content (in this case, in the absence of content the object collapses).
(Inherited from Element)
Horizontal alignment

HorizontalAlignment

HorizontalAlignment
Alignment of the object on the horizontal axis. Left = the left side is positioned on the left side of the container, except for the left margin; Right = the right side is positioned on the right side of the container, except for the right margin; Center = the center of the object is positioned in the center of the container, except for the left and/or right margins; Stretch = object width equals container width, except for the left and/or right margins.
(Inherited from Element)
Vertical alignment

VerticalAlignment

VerticalAlignment
Alignment of the object on the vertical axis. Top = the top side is positioned on the top side of the container, except for the top margin; Bottom = the bottom side is positioned on the bottom side of the container, except for the bottom margin; Center = the center of the object is positioned in the center of the container, except for the top and/or bottom margins; Stretch = object height equals container height, except for the top and/or bottom margins.
(Inherited from Element)
Rotation

Rotation

Size
Rotation of the object around its center point. Positive values indicate clockwise arc degrees.
(Inherited from Element)

Methods

Refresh

BrowseName: Refresh