AYUDA EN LÍNEA
 WINDEV, WEBDEV Y WINDEV MOBILE
Este contenido se ha traducido automáticamente.  Haga clic aquí  para ver la versión en inglés.
Ayuda / Desarrollar una aplicación o un sitio web / Controles, ventanas y páginas / Controles: tipos disponibles / Control Pestaña
  • Presentación
  • Imagen asociada al título del panel de pestañas
  • Imagen del panel de pestañas
  • Asociar una imagen al panel de pestañas
  • Color de fondo/Imagen de fondo de las pestañas
  • Formatos de las imágenes
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReportes y ConsultasCódigo de Usuario (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Código Navegador
WINDEV Mobile
AndroidWidget Android iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Otros
Procedimientos almacenados
Presentación
Para optimizar la apariencia de sus pantallas, WINDEV, WEBDEV y WINDEV Mobile le permiten utilizar imágenes o colores en sus controles de pestañas.. Por ejemplo:
  • Imagen asociada al título del panel de pestañas. Esta imagen se muestra al lado de la leyenda de la pestaña. Ejemplo:
  • Imagen del panel de pestañas: Esta imagen se utiliza para redefinir el color y la forma del panel de pestañas. Ejemplo:
  • Color del borde de la pestaña. Ejemplo:
Observaciones:
Imagen asociada al título del panel de pestañas
La imagen asociada a la leyenda del panel de pestañas se muestra junto a la leyenda de pestañas.
WEBDEV - Código Servidor Para asociar una imagen con el título del panel de pestañas:
  1. Abre la descripción de la pestaña.
  2. En la pestaña "General", seleccione "Detalles (panel)".
  3. Seleccione la imagen que se mostrará junto al título a través del botón Botón desplegable cerca del control "Icono del panel".:
    • La opción "Examinar" se utiliza para seleccionar un archivo accesible desde su ordenador.
    • La opción "Catálogo" permite seleccionar una imagen del catálogo de imágenes.
  4. Valide.
Imagen del panel de pestañas
La imagen asociada al panel de pestañas sustituye al panel de pestañas existente. Esto le permite redefinir la forma y el color del panel de pestañas.
La imagen asociada al panel de pestañas debe contener dos dibujos:
  • el dibujo correspondiente al estado normal del panel
  • el dibujo correspondiente al estado del panel presionado
Los dibujos deben estar organizados en el siguiente orden:
  • WEBDEV - Código Servidor Dibujo del estado normal y luego dibujo del estado pulsado.
Atención: Si el panel se muestra verticalmente, la imagen del panel debe ser vertical.
Caso especial: imagen de los paneles de 3 imágenes
En este caso, la imagen de los paneles se dividirá automáticamente en 3 imágenes por WINDEV/WEBDEV.
La regla de división es la siguiente:
  • la imagen se divide en tres secciones
  • La sección 1 corresponde a la zona izquierda
  • La sección 3 corresponde a la zona derecha
  • La sección 2 corresponde a la zona media. El tamaño de esta sección es igual a 16 píxeles. Si el panel de pestañas es proporcional al título, esta sección se repetirá tantas veces como sea necesario para contener el título.
Observación: Si la parte 2 de la imagen es inferior a 16 píxeles, no debe utilizar un panel de pestañas proporcional a la leyenda y debe incluir (si es necesario) las imágenes adicionales y la leyenda en la imagen.
WEBDEV - Código ServidorPHP

Asociar una imagen al panel de pestañas

Para asociar una imagen con el panel de pestañas:
  1. Abra la descripción de la pestaña.
  2. En la pestaña "Estilo", seleccione el elemento "Imagen de los botones de la pestaña".
  3. Especifique la ruta de la imagen que se utilizará para los paneles de pestañas..
  4. Compruebe el "modo de 3 imágenes" si es necesario.
  5. Valide.
Color de fondo/Imagen de fondo de las pestañas
WEBDEV - Código Servidor WEBDEV le permite modificar el color de fondo y la imagen de fondo utilizada para cada panel de pestañas.. Para ello:
  1. Abra la descripción de la pestaña.
  2. En la pestaña "General", seleccione "Borde, fondo (panel)".
  3. Modificar el elemento deseado:
    • el control "Color de fondo" sirve para definir el color de fondo del panel de pestañas seleccionado.
    • el control "Imagen de fondo" sirve para definir la imagen de fondo utilizada para el panel de pestañas seleccionado.
Observaciones:
  • El color del borde de las pestañas se puede modificar en la pestaña "Style", elemento "Botones de los paneles de las pestañas. Este elemento se llama "Separador" porque se utiliza para separar los diferentes paneles.
  • El estilo le permite personalizar varios parámetros de las pestañas.
Formatos de las imágenes
Ver también
Versión mínima requerida
  • Versión 9
Esta página también está disponible para…
Comentarios
Haga clic en [Agregar] para publicar un comentario

Última modificación: 27/05/2022

Señalar un error o enviar una sugerencia | Ayuda local