Aller au contenu principal
Version: v18

Formes

Les formes sont des objets statiques qui peuvent être ajoutées à des formes 4D.

Les formes 4D prennent en charge les formes basiques suivantes :

  • rectangles
  • lignes
  • ovales

Rectangle​

Un rectangle statique est un objet décoratif contenu dans les formulaires. Les rectangles sont limités à des formes carrées.

Les rectangles sont créés à l'aide de plusieurs propriétés (couleur, épaisseur de ligne, motif, etc.). L'arrondi, en particulier, des coins du rectangle peuvent être définis.

Exemple JSON​

 "myRectangle": {
  "type": "rectangle", //define the type of object
  "left": 60,    //left position on the form  
  "top": 160,    //top position on the form 
  "width": 100,   //width of the object
  "height": 20,   //height of the object
  "borderRadius": 20  //define the roundness of the corners
                }

Propriétés prises en charge​

Bas - Css Class - Rayon d'arrondi - Type de pointillé - Couleur de fond - Hauteur - Dimensionnement horizontal - Gauche - Couleur de ligne - Épaisseur du trait - Nom - Droite - Haut - Type - Dimensionnement vertical - Visibilité - Largeur

Ligne​

Une ligne statique est un objet décoratif pour les formulaires, entre deux tracés. Les lignes peuvent être horizontales, verticales ou de toute forme d'angle.

Les lignes sont créées à l'aide de plusieurs propriétés (couleur, épaisseur de ligne, etc.).

propriété startPoint​

La propriété JSON startPoint définit à partir de quelle coordonnée la ligne peut être dessinée (voir l'exemple).

la propriété startPoint n'est pas exposée dans la liste des propriétés, où la direction du dessin de ligne est visible.

JSON Examples​

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "topLeft", //first direction
  "strokeDashArray": "6 2" //dashed
  }

Result: 

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "bottomLeft", //2nd direction
  "strokeDashArray": "6 2" //dashed
  }

Result:

Propriétés prises en charge​

Bas - Css Class - Type de pointillé - Hauteur - Dimensionnement horizontal - Gauche - Couleur du trait - Épaisseur du trait - Nom - Droite - startPoint - Haut - Type - Dimensionnement vertical - Visibilité - Largeur

Ovale​

Un ovale statique est un objet décoratif contenu dans les formulaires. Les objets de forme ovale peuvent être utilisés pour dessiner des formes circulaires (lorsque les propriétés largeur et hauteur sont identiques).

Exemple JSON​

 "myOval": {
  "type": "oval",  //define the type of object
  "left": 60,   //left position on the form  
  "top": 160,   //top position on the form 
  "width": 100,  //width of the object
  "height": 20,  //height of the object
  "fill": "blue"  //define the background color
                }

Propriétés prises en charge​

Bas - Css Class - Type de pointillé - Couleur de fond - Hauteur - Dimensionnement horizontal - Gauche - Couleur du trait - Épaisseur du trait - Nom - Droite - Haut - Type - Dimensionnement vertical - Visibilité - Largeur