Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
components [2020/03/04 15:25] aducomadmin [Generic properties] |
components [2020/08/13 10:01] (current) aducomadmin [Standard components] |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | Components are reusable objects that can be put on a design panel. There are two types of components: visual and non-visual. Visual components are components that have a visual appearance on the rendered form. Examples are edits, check boxes, radio buttons, etc. Non-visual components are do not have a visual representation. Instead, they are used for ' | + | ====== Component overview ====== |
- | Components | + | Components |
- | Below you will find the explanation | + | * Layout components are used to design your form. Examples are Panels, rows, columns. |
+ | * Visual components are components that have a visual appearance on the rendered form. Examples are edits, checkboxes, radio buttons, etc. | ||
+ | * Non-visual components are do not have a visual representation. Instead, they are used for ' | ||
+ | |||
+ | Components have properties and events. Some properties are needed to rebuild your IDE, others have a direct influence in the behavior of the component. Examples of components that have no application function are 'top, left, height, and width.' | ||
+ | |||
+ | Events are being triggered while running your application and allow you to insert code of your own. There are two types Server Events and Client Events. | ||
+ | |||
+ | * Server Events are happening on your server, these are PHP events. | ||
+ | * Client Events are happening on the client, so within your browser. These are Javascript events. | ||
+ | |||
+ | Some events have an occurrence in the Server Event as the JS event. Here Javascript communicates directly with the PHP. These are Ajax events. | ||
+ | |||
+ | ====== Required components ====== | ||
+ | |||
+ | Every PHP basic module needs to have a root component that defines the kind of application it needs to generate. Currently, we have the following types: | ||
+ | |||
+ | ^Component^ | | ||
+ | |Root|This is a standard PHP application that contains a form| | ||
+ | |Building block|This is a reusable module that in general is hosted by a root application| | ||
+ | |Blank|This is a regular PHP application without a form| | ||
+ | |Rest service|Under development, | ||
+ | |||
+ | \\ | ||
+ | |||
+ | |||
+ | ====== Component Documentation ====== | ||
+ | |||
+ | Below you will find the documentation | ||
==== Generic properties ==== | ==== Generic properties ==== | ||
Line 19: | Line 47: | ||
|**DeviceClassDesktopMobile** |The number of units (1..12) to be used of the parent|Valid for visible components like panels, edits etc.| | |**DeviceClassDesktopMobile** |The number of units (1..12) to be used of the parent|Valid for visible components like panels, edits etc.| | ||
|**DeviceClassDesktopPhone** |The number of units (1..12) to be used of the parent|Valid for visible components like panels, edits etc.| | |**DeviceClassDesktopPhone** |The number of units (1..12) to be used of the parent|Valid for visible components like panels, edits etc.| | ||
- | |**DeviceClassDesktopTablet** |The number of units (1..12) to be used of the parent | + | |**DeviceClassDesktopTablet** |The number of units (1..12) to be used of the parent|Valid for visible components like panels, edits etc.| |
- | + | ||
- | \\ | + | |
==== Generic server events (PHP based events) ==== | ==== Generic server events (PHP based events) ==== | ||
Line 33: | Line 58: | ||
==== Basic components (visual) ==== | ==== Basic components (visual) ==== | ||
- | Each application must at least have a few basic components to work well. Depending on the type of application this is a root with form, module (with optional form), (or API).\\ | + | Each application must at least have a few basic components to work well. Depending on the type of application this is a root with form, module (with optional form), (or API). \\ \\ {{: |
- | \\ | + | |
- | {{: | + | |
==== Lay out components ==== | ==== Lay out components ==== | ||
Line 57: | Line 80: | ||
* {{: | * {{: | ||
* {{: | * {{: | ||
+ | |||
==== Additional components ==== | ==== Additional components ==== |