Versions Compared

Key

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

...

...

...

...

...

...

...

...

...

...

...

...

...

Este control permite definir en el formulario una casilla de selección.

Navegación

Pre condiciones

Guía paso a paso

Paso 1.

En la pantalla actual seleccionar el tipo de control CheckBox y presionar el botón New.

...

Paso 2.

en la ventana Pop Up se deben ingresar los datos que crearan el control.

...

General

  • Field. Nombre interno que se le asigna al control, Ejemplo: ID (NOTA: Este control debe llamarse igual que el campo que regresa el DataSet en SQL)

  • Description. Nombre que tendrá la columna y será visualizada por el usuario

  • Comment. Puede ingresar un comentario adicional acerca del control

  • Tooltip. Es la etiqueta que se mostrara al pasar el puntero del mouse sobre el control

...

Data Binding

  • DataSet. Debe seleccionar el DataSet que llenara la columna

  • Default Value: En este campo se indica el valor por default que contendrá

...

Layout

  • Place Holder. Son los contenedores del Layout

  • Order. Es el orden en el cual se debe mostrar el control en la página.

  • Alignment: Indica en que alineación aparecerá el control dentro del formulario.

  • Container Style. Son las clases que permite modificar la posición del control, hacerlo más ancho, centrarlo, etc.

  • Item Style: En caso de querer cambiar el % del ancho del control

  • Description Style: Son las clases que permiten modificar el ancho de las columnas, alineación del texto, etc.

  • Font size: Permite cambiar el tamaño de letra del control

  • Font Color: Permite modificar el color de la letra del control

  • Font Weight: Permite cambiar el tipo de la letra (Negrita, normal, etc.)

  • Alineación Descripción: Cambia la alineación de la descripción del control (Izquierda, Derecha, Justificada, etc.)

  • Ancho Descripción: Modifica el ancho de la descripción del control

...

Conditional

Requerido: Indica si el control será requerido.

Editable: Indicara si el control es editable o no. También se puede definir la edición por medio de una condición de Edición

Visible. Atributo que indica si la columna será visible o no. También puede ser condicionada y únicamente será mostrada al cumplir con la condición.

Paso 3.

Después de capturar las características necesarias para el CheckBox se presiona el botón Accept para guardar los cambios.

...

Overview

On this lesson, we will learn about the “Checkbox” control that is very helpful when we have surveys or forms that we want to fill with multiple data and store in our database. Let’s check this simple control!

How to create an “Checkbox” control?

First we need to enter on the page that we want to work on. Under the “Controls” section, choose the “Checkbox” option. Click on “New” button

...

A popup will be prompted to generate the control.

...

Once we completed the Object Name and Displayed Name fields, turn to “Layout” tab.

...

We need to focus on the placeholder and the order. Click on “Submit” button to generate the control.

...

Now that the control is displayed on screen, let’s click on “Preview” button to verify that this is available in our page.

...

We can see that the checbox is added in the corresponding order and showing the label that we indicated in the creation. Like in the order controls, we can now link this checkbox with another action using a “Save” button to store the information (True/False) recollected in the database.

Recap

On this lesson, we learnt how to include a date inputbox field in the form but there are different options to create your forms, choose the one that fit better in your application!