PC SOFT

AYUDA EN LÍNEA
 WINDEVWEBDEV Y WINDEV MOBILE

Este contenido se ha traducido automáticamente. Haga clic aquí para ver la versión en inglés.
  • Vista general de la control Cuadro de mando
  • Creación de una control Cuadro de mando
  • Características de la control Cuadro de mando
  • Añadir un widget a un control Cuadro de mando
  • Definir o modificar las opciones de visualización de un widget
  • Configuración de una control Cuadro de mando en el editor
  • Definir el tamaño de las celdas
  • Definir el tamaño y la posición de los Widgets
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Otros
Procedimientos almacenados
Vista general de la control Cuadro de mando
Los cuadros de mando de software son elementos importantes de una aplicación: Agrupan los elementos clave que permiten a los ejecutivos tomar decisiones.
La control Cuadro de mando le permite crear fácilmente cuadros de mando que pueden ser personalizados y adaptados por el usuario final.. El usuario puede, por ejemplo, mover los diferentes elementos cuadro de mando , decidir qué elementos serán Visible , ...
Los elementos que se muestran en la control Cuadro de mando son Widgets. Estos Widgets pueden ser movidos, ocultados y redimensionados por el usuario final..
Un Widget puede ser creado fácilmente:
  • WINDEVAndroidiPhone/iPad En WINDEV y WINDEV Mobile, es una ventana interna.
  • Versiones 20 y posteriores
    WEBDEV - Código ServidorWEBDEV - Código Navegador En WEBDEV, es una página interna.
    Nueva funcionalidad versión 20
    WEBDEV - Código ServidorWEBDEV - Código Navegador En WEBDEV, es una página interna.
    WEBDEV - Código ServidorWEBDEV - Código Navegador En WEBDEV, es una página interna.
Versiones 20 y posteriores
WEBDEV - Código ServidorWindows Esta característica está ahora disponible para los sitios WEBDEV.
WEBDEV - Código ServidorLinux Esta funcionalidad ahora está disponible para sitios WEBDEV en Linux.
WEBDEV - Código Navegador Esta característica está ahora disponible en el código del navegador.
Nueva funcionalidad versión 20
WEBDEV - Código ServidorWindows Esta característica está ahora disponible para los sitios WEBDEV.
WEBDEV - Código ServidorLinux Esta funcionalidad ahora está disponible para sitios WEBDEV en Linux.
WEBDEV - Código Navegador Esta característica está ahora disponible en el código del navegador.
WEBDEV - Código ServidorWindows Esta característica está ahora disponible para los sitios WEBDEV.
WEBDEV - Código ServidorLinux Esta funcionalidad ahora está disponible para sitios WEBDEV en Linux.
WEBDEV - Código Navegador Esta característica está ahora disponible en el código del navegador.
Versiones 22 y posteriores
Android Esta funcionalidad ahora está disponible para aplicaciones Android.
iPhone/iPad Esta funcionalidad ahora está disponible para aplicaciones iPhone/iPad.
Nueva funcionalidad versión 22
Android Esta funcionalidad ahora está disponible para aplicaciones Android.
iPhone/iPad Esta funcionalidad ahora está disponible para aplicaciones iPhone/iPad.
Android Esta funcionalidad ahora está disponible para aplicaciones Android.
iPhone/iPad Esta funcionalidad ahora está disponible para aplicaciones iPhone/iPad.
Creación de una control Cuadro de mando
Para crear una control Cuadro de mando:
  1. En la pestaña "Creación", en el grupo "Contenedores", haga clic en "Cuadro de mando".
  2. Haga clic en la ventana o página en la ubicación en la que desea crear el control.Para ver las características del control, seleccione la opción "Descripción" en el menú contextual del control.
Versiones 20 y posteriores
Observación: Las dimensiones del control que se creó se optimizan para ocupar el espacio disponible en la ubicación indicada. Si el tamaño del control no es el indicado, pulse Ctrl+Z: el control volverá al tamaño predeterminado.
Nueva funcionalidad versión 20
Observación: Las dimensiones del control que se creó se optimizan para ocupar el espacio disponible en la ubicación indicada. Si el tamaño del control no es el indicado, pulse Ctrl+Z: el control volverá al tamaño predeterminado.
Observación: Las dimensiones del control que se creó se optimizan para ocupar el espacio disponible en la ubicación indicada. Si el tamaño del control no es el indicado, pulse Ctrl+Z: el control volverá al tamaño predeterminado.
Características de la control Cuadro de mando
Las características de un control Cuadro de mando se describen en las pestañas "Detalles" y "Contenido" de la ventana de control de description ("Descripción" de el menú contextual).
"Ficha"Detalles: Dimensiones y resumen de control Cuadro de mando
La pestaña "Detalles" permite especificar las siguientes opciones:
  • Ancho de Widgets variable: En este caso, puede definir el número de columnas que se encuentran en el control Cuadro de mando, así como la altura de las celdas..
  • Número de Widgets variable: En este caso, se puede definir el tamaño de las células (ancho y alto en píxeles).
  • Ancho y número de Widgets fijos . En este caso, se puede definir el número de columnas y el tamaño de las celdas. Los botones "Adaptar" sirven para adaptar el número de columnas en función del tamaño de las celdas (y a la inversa)..
  • los márgenes entre los diferentes Widgets mostrados en el control Cuadro de mando.
Versiones 20 y posteriores
WEBDEV - Código ServidorWEBDEV - Código Navegador "Ficha"Detalles: Posición del menú emergente
El menú emergente de control Cuadro de mando permite al usuario Web:
  • Cambiar a modo de edición. El modo de edición permite al usuario cambiar el orden de los widgets, para modificar su tamaño., ... Las opciones disponibles pueden ser configuradas por DashMode.
  • Restaurar configuración inicial.
El menú emergente de control Cuadro de mando se abre desde un botón situado en el menú control Cuadro de mando. Es posible:
  • especificar el botón que se va a utilizar (opción "Ubicar el botón"). Por Default, se crea un botón al crear el control Cuadro de mando. Es posible utilizar otro botón que se encuentra en la página. Este botón debe estar asociado a la acción "Abrir el menú del tablero" (pestaña "General" en la ventana del botón description). Si se selecciona el botón "Ninguno", no se propondrá el menú contextual.
    Observación: Si no quiere proponer el menú contextual por programación, puede hacer Invisible por ..Visible.
  • especificar la posición del botón que abrirá el menú contextual (opción "en la posición"). Este botón se puede colocar en la parte superior izquierda, superior derecha, inferior izquierda o inferior derecha de control Cuadro de mando.
Nueva funcionalidad versión 20
WEBDEV - Código ServidorWEBDEV - Código Navegador "Ficha"Detalles: Posición del menú emergente
El menú emergente de control Cuadro de mando permite al usuario Web:
  • Cambiar a modo de edición. El modo de edición permite al usuario cambiar el orden de los widgets, para modificar su tamaño., ... Las opciones disponibles pueden ser configuradas por DashMode.
  • Restaurar configuración inicial.
El menú emergente de control Cuadro de mando se abre desde un botón situado en el menú control Cuadro de mando. Es posible:
  • especificar el botón que se va a utilizar (opción "Ubicar el botón"). Por Default, se crea un botón al crear el control Cuadro de mando. Es posible utilizar otro botón que se encuentra en la página. Este botón debe estar asociado a la acción "Abrir el menú del tablero" (pestaña "General" en la ventana del botón description). Si se selecciona el botón "Ninguno", no se propondrá el menú contextual.
    Observación: Si no quiere proponer el menú contextual por programación, puede hacer Invisible por ..Visible.
  • especificar la posición del botón que abrirá el menú contextual (opción "en la posición"). Este botón se puede colocar en la parte superior izquierda, superior derecha, inferior izquierda o inferior derecha de control Cuadro de mando.
WEBDEV - Código ServidorWEBDEV - Código Navegador "Ficha"Detalles: Posición del menú emergente
El menú emergente de control Cuadro de mando permite al usuario Web:
  • Cambiar a modo de edición. El modo de edición permite al usuario cambiar el orden de los widgets, para modificar su tamaño., ... Las opciones disponibles pueden ser configuradas por DashMode.
  • Restaurar configuración inicial.
El menú emergente de control Cuadro de mando se abre desde un botón situado en el menú control Cuadro de mando. Es posible:
  • especificar el botón que se va a utilizar (opción "Ubicar el botón"). Por Default, se crea un botón al crear el control Cuadro de mando. Es posible utilizar otro botón que se encuentra en la página. Este botón debe estar asociado a la acción "Abrir el menú del tablero" (pestaña "General" en la ventana del botón description). Si se selecciona el botón "Ninguno", no se propondrá el menú contextual.
    Observación: Si no quiere proponer el menú contextual por programación, puede hacer Invisible por ..Visible.
  • especificar la posición del botón que abrirá el menú contextual (opción "en la posición"). Este botón se puede colocar en la parte superior izquierda, superior derecha, inferior izquierda o inferior derecha de control Cuadro de mando.
"Ficha"Detalles: Modificación por parte del usuario
Estas son las opciones en el menú control Cuadro de mando:
  • Compactar Widgets: Esta opción se utiliza para reorganizar automáticamente los widgets en la control Cuadro de mando cuando el usuario final elimina un widget..
  • Recordar configuración de Widgets: Esta opción se utiliza para guardar automáticamente la configuración de la control Cuadro de mando realizada por el usuario al cerrar la ventana o página.. Esta configuración se volverá a mostrar automáticamente durante la siguiente apertura de la ventana (o página)..
    WINDEVAndroidiPhone/iPad Observación: El usuario puede configurar su Tablero de Control a través de el menú contextual de AAF (automatic Application Features). Para obtener más información, consulte AAF de control Cuadro de mando.
  • WINDEV Modo edición permanente: Esta opción se utiliza para proponer la control Cuadro de mando en modo edición directamente durante su visualización.. El usuario podrá mover, redimensionar u ocultar los widgets directamente..
"Pestaña"Contenido: Definir los widgets que se encuentran en control Cuadro de mando
La pestaña "Contenido" sirve para definir los widgets que se encuentran en control Cuadro de mando.
También puede definir o añadir Widgets programando con DashAddWidget.
Un widget corresponde a:
  • WINDEVAndroidiPhone/iPad una ventana interna.
  • Versiones 20 y posteriores
    WEBDEV - Código ServidorWEBDEV - Código Navegador una página interna.
    Nueva funcionalidad versión 20
    WEBDEV - Código ServidorWEBDEV - Código Navegador una página interna.
    WEBDEV - Código ServidorWEBDEV - Código Navegador una página interna.
La pestaña "Contenido" sirve para:

Añadir un widget a un control Cuadro de mando

Para añadir un widget a un control Cuadro de mando:
  1. En la pestaña "Contenido" del control description, haga clic en el botón "Añadir"..
  2. En la ventana que se muestra:
    • WINDEVAndroidiPhone/iPad seleccionar las ventanas internas que se añadirán como widget y validar.
    • Versiones 20 y posteriores
      WEBDEV - Código ServidorWEBDEV - Código Navegador seleccionar las páginas internas que se añadirán como widget y validar.
      Nueva funcionalidad versión 20
      WEBDEV - Código ServidorWEBDEV - Código Navegador seleccionar las páginas internas que se añadirán como widget y validar.
      WEBDEV - Código ServidorWEBDEV - Código Navegador seleccionar las páginas internas que se añadirán como widget y validar.
    Observación: Sólo las ventanas internas o las páginas sin parámetro se pueden añadir a control Cuadro de mando en el editor.. Para añadir una ventana interna o una página interna con parámetros, las adiciones deben realizarse programando con DashAddWidget.
  3. Las ventanas o páginas internas aparecen en la List de los widgets mostrados en la control Cuadro de mando. Las opciones de visualización se pueden definir para cada widget. Estas opciones corresponden a la visualización inicial del widget.
Observaciones:
  • El orden de los widgets en la List no influye en la posición de los widgets en la control Cuadro de mando. Esta posición puede ser definida en el widget description.
  • El número associated con el widget se usa para manipular arlo programando.
  • Para modificar el fondo Color de tu widget, usa una celda en tu ventana o página interna. Esta celda contendrá los controles de su ventana o página interna. El fondo de la célula se utilizará para Color el widget.

Definir o modificar las opciones de visualización de un widget

Para definir o modificar las opciones de visualización inicial de un widget:
  1. Seleccione el Widget a configurar en la pestaña "Contenido" de la ventana de description de control Cuadro de mando.
  2. En la sección derecha de la pantalla, especifique:
    • la ventana o página interna de associated si es necesario.
    • si el Widget debe ser Visible de Default. Si el Widget es Invisible, se muestra un logo al lado del nombre del Widget en la List. el usuario puede hacerla Visible a través de el menú contextual.
    • el tamaño inicial y la posición del Widget. Esta posición y este tamaño se expresan en celdas. El número de células se definió en la pestaña "Detalles" de la ventana de description de Control. Si se modifica la posición o el tamaño de un widget, la posición de los siguientes widgets se actualiza automáticamente..
      Observación: El tamaño máximo del widget corresponde al tamaño máximo de la ventana interna associated con el widget. Por ejemplo, si el tamaño máximo del widget es set a dos celdas de 150 píxeles de ancho y una celda de 150 píxeles de alto, el tamaño máximo de la ventana interna correspondiente debe ser set a 300 píxeles x 150 píxeles.
    • el título del widget. Esta leyenda es importante: aparecerá en el menú contextual (AAF) para permitir al usuario mostrar el widget.
Observación: También tiene la posibilidad de definir la posición y el tamaño de los widgets en el editor..
Configuración de una control Cuadro de mando en el editor

Definir el tamaño de las celdas

Para definir el tamaño y la posición de los widgets en el editor de ventanas:
  1. Seleccione la control Cuadro de mando.
  2. Se muestra un marco alrededor de las celdas del control Cuadro de mando.
  3. La primera celda propone dimensionar los mangos.
    • Sitúe el cursor del ratón en uno de los lados del widget. El cursor del ratón se convierte en una flecha.
    • Pulse el botón del ratón y muévalo mientras lo mantiene pulsado hasta que alcance el tamaño deseado..
    • El nuevo tamaño se aplica a todas las células de la control Cuadro de mando.

Definir el tamaño y la posición de los Widgets

Para definir el tamaño y la posición de los widgets en el editor de ventanas:
  1. Seleccione la control Cuadro de mando.
  2. Cambie al modo de edición utilizando uno de los siguientes métodos:
    • Haga clic en el botón control Cuadro de mando.
    • Seleccione "Editar el tamaño y la posición de los Widgets" de el menú contextual de Control.
  3. Un borde amarillo aparece alrededor de la control. Es posible:
    • Redimensionar los Widgets que se encuentran en la control Cuadro de mando:
      • Sitúe el cursor del ratón en uno de los lados del widget. El cursor del ratón se convierte en una flecha.
      • Pulse el botón del ratón y muévalo mientras lo mantiene pulsado hasta que alcance el tamaño deseado..
    • Mueve los Widgets que se encuentran en la control Cuadro de mando:
      • Haga clic en el widget.
      • Mover el Widget manteniendo el botón del ratón pulsado.
  4. Para salir del modo de edición, utilice uno de los siguientes métodos:
    • Pulse la tecla Esc del teclado.
    • Seleccione "Finalizar la edición" de el menú contextual de la control.
    • Haga clic en la ventana o página.
Versión mínima requerida
  • Versión 19
Esta página también está disponible para…
Comentarios
video webdev dasboard
https://youtu.be/QTpZ8oxXCxM
amarildo
29 11 2018
video Dashboard WinDev Mobile
https://youtu.be/KVErsG4aJ0E
amarildo
29 11 2018
video windev dashboard
https://youtu.be/fh78EqJPxxU
amarildo
28 11 2018