Types of Widgets
Following is a short list of all the available Widget types and its description:
| Widget types | Description |
|---|---|
| Anchor-tag | Widget for HTML anchor tag, clicking on which navigates to the link specified. |
| Browse | A widget which appears as grid and can contain number of rows and columns. |
| Button | A widget which is only clickable and runs CHOOSE event on click. |
| Canvas | A widget which is used to draw and display graphics. |
| Color-picker | A color-picker helps to select color and it is bind with VALUE-CHANGED event. The event can run both in frontend and backend. |
| Combo-box | A combo-box is a widget that shows the list of items on drop down box. It is bind with VALUE-CHANGED event. The list of the items can be populated by three methods: 1) You can mention in the Item initial property of the widget. If the Type init property of combo-box must be Item-pairs and the Item initial property must contain even number of comma separated list of items (One,1,Two,2).The first ‘one’ will be item description and second ‘1’ will be the item code that will be stored in database. 2) You can mention Query in the widget that will populate the list of items .The Type init property of combo-box must be Item-pairs and you have to mention the item code field that needs to be stored in database in List-item value and the item description field in List-item-pairs. 3) You can also mention a function that will build a list of key-value item pairs to be displayed. Here also you have to mention the item code field that needs to be stored in database in List-item value and the item description field in List-item-pairs. |
| Context-menu | Context-menu is the menu list which is displayed on mouse-right-click. If the widget is to be displayed as context-menu, this menu type is selected. |
| Editor | It is a widget in which you can enter data. It contains default vertical scrollbar. |
| Editor-large | It is a widget in which you can enter data. It contains default vertical scrollbar. |
| Fill-in | It is a widget in which you can enter data. It cannot contain scrollbar. |
| Grid-view | A widget which is defined for responsive program types. Grid-view act like rows in which each row can contain upto 12 columns. |
| Grid-col | It is a widget which comes under grid-view widget-group and acts like column. You can have upto 12 grid-col inside one grid view. |
| Group-box | It is used to group related widgets into a group. The child widgets are related to the group box via widget-group. You can add a label to the group-box. On click of that label, the related widgets can be hidden or displayed. |
| Image | A widget which can display an image file(e.g. .jpg file) when the location of the file is set in the attribute. |
| Program-frame | A widget which can display a program as its contents. You need to mention the program-name to show in Frame program of the widget properties. Also you need mention Frame sequence and check Auto refresh. |
| Radio-set | A widget that shows the multiple applicable values of the field in the format of radio buttons. It is bind with VALUE-CHANGED event. The Type init property of radio-set must be Item-pairs, and the Item initial property must contain even number of comma separated list of items (One,1,Two,2). The first one will be item description and second will be the item code that will be stored in database. |
| Rectangle | It is used to group the widgets but it is only for display purpose. |
| Related | Related field of any other field used in the program. |
| Selection-list | It is similar like combo-box. The properties are some similar to combo-box. It has one additional property which is multi-select. You can select more than one item from the list. |
| Text | It is used to display label only. The label must be mentioned in the Text field of Language tab. |
| Toggle-box | A widget whose value toggles between two values like yes/no or true/false. |
| Treeview | Used to create a tree structure. |
| Web-browser | A widget which can show any webpage when location is set in the attribute. |
| Widlab-wrapper | It is a virtual widget which keep a widget label and widget connected. (XE Reserved) |