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.
Ayuda / Desarrollar una aplicación o un sitio web / Plantillas y temas
  • Presentación
  • El proyecto no contiene modelos de páginas
  • El proyecto contiene un modelo de página
  • El proyecto incluye plantillas de páginas que desea conservar
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
Advertencia
Esta página de ayuda presenta los pasos para utilizar skins en un proyecto. Esta página de ayuda se refiere a proyectos creados con WEBDEV 15 o anterior.
Presentación
Los skins se utilizan para estandarizar el aspecto visual de un sitio y le permiten cambiar fácilmente de estilo.
Un proyecto existente (desarrollado con una versión anterior de WEBDEV, por ejemplo) puede adaptarse fácilmente para utilizar los elementos de tema. Esto le permite cambiar fácilmente todo el proyecto tema o el Color Palette.
Se requieren algunas adaptaciones en los siguientes casos:
  • su proyecto no utiliza plantillas de páginas.
  • los estilos de la hoja de estilo no utilizan los nombres estandarizados necesarios para cargar las pieles.
Pueden ocurrir varios casos:
El proyecto no contiene modelos de páginas
El siguiente método se utiliza para adaptar un proyecto sin página modelo:
  1. Cambie el estilo general del proyecto y elija una de las máscaras.
    1. En la pestaña "Proyecto", en el grupo "Proyecto", haga clic en "Descripción".
    2. Seleccione la pestaña "Tema".
    3. Elija un tema y un Palette de color.
  2. Cree una nueva página modelo con un modelo preestablecido que se parezca casi al sitio existente.
    1. Haga clic en en los botones de acceso rápido.
    2. Aparece la ventana de creación: haga clic en "Page" y luego en "Page modelo".
    3. En la ventana para crear una nueva página modelo, seleccione el modelo de su elección.
  3. Si los controles se encuentran en cada página de su proyecto, pueden agruparse en la página modelo.
  4. Asociar cada página del proyecto con la página creada modelo. Para ello:
    1. Abrir la página en el editor.
    2. En la pestaña "Página", en el grupo "Descripción", despliegue "Modelos" y seleccione "Lista de modelos utilizados".
    3. Seleccione la antigua modelo y haga clic en el botón "Borrar".
    4. Confirme el borrado.
    5. Haga clic en el botón "Agregar".
    6. Elige la página modelo basada en la tema creada en el paso 2.
    7. Responda "Sí" a la siguiente pregunta: "¿Quiere actualizar las propiedades de la página desde esta modelo?". Por lo tanto, cualquier modificación hecha a la tema o a la Color Palette del proyecto se aplicará automáticamente a la modelo y luego a la página.
  5. Cambie el estilo de los controles que se encuentran en las páginas existentes por un estilo que se encuentra en el proyecto tema.
  6. Reorganice los controles de cada página si es necesario.
El proyecto contiene un modelo de página
El siguiente método se utiliza para adaptar un proyecto sin mantener las plantillas de página existentes:
  1. Cambiar el estilo general del proyecto por uno de los skins.
    1. En la pestaña "Proyecto", en el grupo "Proyecto", haga clic en "Descripción".
    2. Seleccione la pestaña "Tema".
    3. Elija un tema y un Palette de color.
  2. Cree una nueva página modelo con un modelo preestablecido que se parezca casi al sitio existente.
    1. Haga clic en en los botones de acceso rápido.
    2. Aparece la ventana de creación: haga clic en "Page" y luego en "Page modelo".
    3. En la ventana para crear una nueva página modelo, seleccione una base "Blank".. Validar.
    4. copy/ Pegar los controles que se encuentran en la antigua modelo.
  3. Cambiar el estilo de los controles copiados por un estilo que se encuentra en el proyecto tema.
    1. Para cada control que se encuentre en el modelo, selecciona "Elegir un estilo de WEBDEV" de el menú contextual.
    2. En la lista de estilos, desmarca "Estilos del proyecto" para mostrar sólo los estilos de la tema.
    3. Elija un estilo para la control.
    4. Valide la ventana.
  4. Reorganice los controles de modelo si es necesario.
  5. Cambiar la página modelo para las páginas existentes del proyecto. Para cada página:
    1. Abrir la página en el editor.
    2. En la pestaña "Página", en el grupo "Descripción", despliegue "Modelos" y seleccione "Lista de modelos utilizados".
    3. Seleccione la antigua modelo y haga clic en el botón "Borrar".
    4. Confirme el borrado.
    5. Haga clic en el botón "Agregar".
    6. Elige la página modelo basada en la tema creada en el paso 2.
    7. Responda "Sí" a la siguiente pregunta: "¿Quiere actualizar las propiedades de la página desde esta modelo?". Por lo tanto, cualquier modificación hecha a la tema o a la Color Palette del proyecto se aplicará automáticamente a la modelo y luego a la página.
  6. Cambie el estilo de los controles que se encuentran en las páginas existentes por un estilo que se encuentra en el proyecto tema.
  7. Reorganice los controles de cada página si es necesario.
El proyecto incluye plantillas de páginas que desea conservar
El siguiente método se utiliza para adaptar un proyecto manteniendo las plantillas de página existentes:
  1. Cambiar el estilo general del proyecto por uno de los skins.
    1. En la pestaña "Proyecto", en el grupo "Proyecto", haga clic en "Descripción".
    2. Seleccione la pestaña "Tema".
    3. Elija un tema y un Palette de color.
  2. Utiliza el proyecto tema en cada página modelo. Para cada página modelo:
    1. Abre la página modelo en el editor.
    2. Seleccione "description" en el menú contextual de la página modelo.
    3. En la ventana de description, seleccione la pestaña "Estilo".
    4. Seleccione el tema y la paleta de colores del proyecto (si es necesario) utilizando el botón de navegación y seleccionando "Ninguna" en las ventanas de temas personalizados y de paleta de colores personalizados.
  3. Cambie el estilo de los controles que se encuentran en cada página modelo del proyecto por un estilo que se encuentra en el proyecto tema.
    1. Para cada control que se encuentre en cada modelo, selecciona "Elegir un estilo de WEBDEV" de el menú contextual.
    2. En la lista de estilos, desmarca "Estilos del proyecto" para mostrar sólo los estilos de la tema.
    3. Elija un estilo para la control.
    4. Valide la ventana.
  4. Reorganice los controles de modelo si es necesario.
  5. Cambie el estilo de los controles que se encuentran en las páginas existentes por un estilo que se encuentra en el proyecto tema.
  6. Reorganice los controles de cada página si es necesario.
Versión mínima requerida
  • Versión 15
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