Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Panel
borderColorpurple
bgColorwhite
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

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
borderColorpurple
bgColorwhite
titleColorblack
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew feature

This is a new feature in Joget DX 8 version 8.1 onwards

Default Styling

Support 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)

  • Added another element called Field Label Position to configure default Field Label Position styling of the whole form.
  • Supported default styling for form, section, section header, field label, field input field & also field label position.
  • The default styling can be override by the styling of each element itself.

    Image Added

 


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.

...