...
| Panel | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||
This is a new feature in Joget DX 8. |
Introduction
| English |
|---|
| The Styles tab in the property editor is a new feature in DX8 that enables refined control of how an element (whether form element, list column or UI page component) would be viewed on either Desktop, Tablet or Mobile. The styles editor allows one to modify an element's CSS styling without the need to write CSS code (unless one uses the custom styling, more on this below) |
Form Builder
| Panel | ||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
This is a new feature in Joget DX 8 version 8.1 onwards Default StylingSupport setting default styling for all elements in form. which user will be able to configure the field label position of all fields to either be on the Top or Left Position. (Top/Left)
|
The style tab in the Form Builder, allows one to control how a page component is viewed by modifying an element's default style and the component's style component when it is hovered over by a cursor. There is also the option to specify which CSS classes should the element get its style from and the option to modify the position of the element's label.
...
| Name | Description |
|---|---|
| Border Style | Select the element's border style. |
| Border Color | Enter the element's color as a hex code or use the color picker to select the desired color |
| Border Top Width | Enter the element's top border width in em, px, percentage, rem or auto size. |
| Border Left Width | Enter the element's left border width in em, px, percentage, rem or auto size. |
| Border Right Width | Enter the element's right border width in em, px, percentage, rem or auto size. |
| Border Bottom Width | Enter the element's bottom border width in em, px, percentage, rem or auto size. |
| Border Radius | Enter the element's border radius in em, px, percentage, rem or auto size. |
Display
Figure 11: Styles - Display
...