Web Component control

Official Content
This documentation is valid for:

It is a control that can be inserted over a web object form, with the objective of showing inside it, the content of a Web Component object.

To insert a Web Component control, drag the icon that represents it ( Web Component control icon) from the toolbox to a Web Form.

The following image shows a Web Panel form that contains three Web Components controls. 

WebPanelFormWithWebComponentsControls

To make the development task easier, the ControlName property of the Web Component controls have been modified so that they are more descriptive: Header, Login and Footer.

A grid has also been added in a table to show a list of the airlines. In the same table, the Login Web Component control is included at the left.

Header, Login and Footer were inserted to show one Web Component object each.

So, the next step is to define for each Web Component control, which Web Component object must be shown inside it in runtime. To achieve it, you must fill the Web Component control Object property with the desired web component object name.

ObjectPropertyForWebComponentControl

Suppose that other web objects in the same Knowledge Base have in its forms web components controls too, to show inside them, the same header and footer (or in some cases the login also).

Notes

  • Web Component controls can even be inserted in Free Style grids.
  • The Web Component object code is generated inside the same HTML that is generated for the Web object that contains it. This means that the server includes the Web Component at runtime and sends the HTML code containing the Web Component back to the browser.
  • Web Components can be created at runtime. This gives you the possibility of creating highly dynamic applications, which means that the application's layout or behavior can be changed by creating different Web Components, depending on certain application parameters. Read more about this here: Dynamic Component Creation.

See also

Web Component Control Properties

Was this page helpful?
What Is This?
Your feedback about this content is important. Let us know what you think.