Formas

Las formas son objetos estáticos que pueden añadirse a los formularios 4D.

Se ofrecen las siguientes formas básicas:

• rectángulos
• líneas
• óvalos

Rectángulo

Un rectángulo estático es un objeto decorativo para los formularios. Los rectángulos se limitan a formas cuadradas.

El diseño de los rectángulos se controla a través de muchas propiedades (color, grosor de línea, patrón, etc.). En concreto, se puede definir la redondez de sus esquinas.

Ejemplo JSON

 "myRectangle": {
  "type": "rectangle", //definir el tipo de objeto
  "left": 60,    //posición izquierda en el formulario
  "top": 160,    //posición superior en el formulario 
  "width": 100,   //ancho del objeto
  "height": 20,   //altura del objeto
  "borderRadius": 20  //definir la redondez de las esquinas
                }

Propiedades soportadas

Abajo - Clase Css - Radio de la esquina - Tipo de línea punteada - Color de fondo - Altura - Dimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre del objeto - Derecha - Arriba - Tipo - Dimensionamiento vertical - Visibilidad - Ancho

Línea

Una línea estática es un objeto decorativo para los formularios, trazado entre dos tramas. Las líneas pueden ser horizontales, verticales o de cualquier forma de ángulo.

El diseño de las líneas se controla a través de muchas propiedades (color, grosor de línea, etc.).

propiedad startPoint

La propiedad JSON startPoint define a partir de qué coordenada dibujar la línea (ver ejemplo).

la propiedad startPoint no está expuesta en la lista de propiedades, donde la dirección de dibujo de la línea es visible.

Ejemplos JSON

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "topLeft", //primera dirección
  "strokeDashArray": "6 2" //línea de guiones
}

Result:

 "myLine": {
  "type": "line",                
  "left": 20,
  "top": 40,
  "width": 100,
  "height": 80,
  "startPoint": "bottomLeft", //2ª dirección
  "strokeDashArray": "6 2" //línea de guiones
}

Result:

Propiedades soportadas

Abajo - Clase Css - Tipo de línea punteada - Altura - Dimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre del objeto - Derecha - startPoint - Arriba - Tipo - Dimensionamiento vertical - Visibilidad - Ancho

Óvalo

Un óvalo estático es un objeto decorativo para los formularios. Los objetos ovalados pueden utilizarse para dibujar formas circulares (cuando las propiedades ancho y alto son iguales).

Ejemplo JSON

 "myOval": {
  "tipo": "oval", //definir el tipo de objeto
  "left": 60, //posición izquierda en el formulario  
  "top": 160, //posición superior en el formulario 
  "width": 100, //ancho del objeto
  "height": 20, //altura del objeto
  "fill": "blue" //definir el color de fondo
}

Propiedades soportadas

Abajo - Clase - Tipo de línea punteada - Color de fondo - Altura - Dimensionamiento horizontal - Izquierda - Color de línea - Ancho de línea - Nombre del objeto - Derecha - Arriba - Tipo - Dimensionamiento vertical - Visibilidad - Ancho