Aller au contenu principal
Version: 20

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",    //définit le type d'objet
        "left": 60,             //position sur la gauche du formulaire
        "top": 160,             //position en haut du formulaire
        "width": 100,           //largeur de l'objet 
        "height": 20,           //hauteur de l'objet
        "borderRadius": 20      //définit le rayon d'arrondi
                }

Propriétés prises en charge​

Bottom - Class - Corner radius - Dotted Line Type - Fill Color - Height - Horizontal Sizing - Left - Line Color - Line Width - Object Name - Right - Top - Type - Vertical Sizing - Visibility - Width

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.

Exemple JSON :​

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "topLeft", //première orientation
        "strokeDashArray": "6 2" //pointillé
        }

Result: 

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "bottomLeft", //deuxième orientation
        "strokeDashArray": "6 2" //pointillé
        }

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",    //définit le type d'objet
        "left": 60,             //position sur la gauche du formulaire
        "top": 160,             //position en haut du formulaire
        "width": 100,           //largeur de l'objet 
        "height": 20,           //hauteur de l'objet
        "borderRadius": 20      //définit la couleur de fond
                }

Propriétés prises en charge​

Bottom - Class - Dotted Line Type - Fill Color - Height - Horizontal Sizing - Left - Line Color - Line Width - Object Name - Right - Top - Type - Vertical Sizing - Visibility - Width