Incrustar un sitio web y HTML iFrame

<< Clic para mostrar Tabla de Contenidos >>

Navegación:  Automatización de Procesos con poco código > Studio Cloud -ambiente de autoría > Bizagi Apps > App Designer > Editor del App Designer > Controles > Incrustados >

Incrustar un sitio web y HTML iFrame

Introducción

En el editor del App Designer, los controles de Incrustar un sitio web y HTML iFrame permiten mostrar información de interés usando código HTML o usando un sitio web externo.

 

embedsWebAndHTML_appDesigner_00001

 

Administrar contenido

Incrustar un sitio web

La entrada de Título permite definir el título para el sitio web incrustado. En la entrada Agregue su código aquí hay una configuración similar, donde los datos pueden ser estáticos o dinámicos, o si su contenido es fijo, usted puede escribir código HTML, CSS y JS para incrustar un sitio en su app.

 

EmbedWebSite&HTMLFrame02

HTML iframe

La entrada de Título permite definir el título para el sitio web incrustado. En la entrada Agregue una dirección de sitio web aquí, usted puede desplegar un iframe con la información de un sitio web externo en su app.

 

EmbedWebSite&HTMLFrame03

 

Páginas de Detalle

Si la página es de Detalle, usted puede definir si el contenido va a ser estático o dinámico usando los botones Estático o Contextualizado.

 

EmbedWebSite&HTMLFrame04 EmbedWebSite&HTMLFrame05

 

Cuando el botón Contextualizado está encendido, usted puede crear código y URLs dinámicas para estos contenedores. Para hacer esto, agregue su URL, seleccione el texto que usted quiere remplazar y finalmente seleccione el valor en el XPath que usted usará para el código seleccionado. Puede seleccionar distintas secciones de la URL para reemplazarlas con distintos valores XPath.

 

Diseño

Estas propiedades permiten personalizar el Botón. Es posible volver a los valores predeterminados usando el botón Reiniciar.

 

embedsWeb_appDesigner_00001   embedsHTML_appDesigner_00001

 

Estilo

Alineamiento: establece el alineamiento del botón a la izquierda, a la derecha o al centro.

Alto del control: establece el alto del control. Usted puede elegir configurar el alto del control definiendo la cantidad de píxeles o el porcentaje de la pantalla.

Ancho del control: establece el ancho del control. Usted puede configurar el ancho del control definiendo el porcentaje de la pantalla.

Mostrar título: establece si el control muestra título o no.

Mostrar el botón "Actualizar": casilla que agrega un botón de actualización para el control (control HTML iFrame).

 

Borde

Tamaño del borde: define el tamaño del borde de la imagen en píxeles.

Tipo de borde: define el tipo de borde para el botón.

Color de borde: define el color del borde para el botón.

 

note_pin

El botón Reiniciar en la pante inferior del panel de diseño le permite restaurar los ajustes por defecto del control.

Las propiedades con valores heredados muestran un punto azul junto a su título. Este indicador le permite realizar ajustes específicos sin afectar otras configuraciones. Al colocar el cursor sobre el punto azul, se muestra el origen del valor heredado, lo que proporciona un mayor control sobre la apariencia del control de texto.

Al modificar una propiedad marcada con un punto azul, aparece su botón Restablecer. Al hacer clic en este botón, la propiedad recupera su configuración predeterminada heredada.

 

Visibilidad

Estas propiedades permiten elegir las Personas que pueden ver el control.

Debajo de cada Persona, usted encontrará una lista de los Contextos definidos. Usted puede elegir habilitar todos los Contextos o seleccionarlos de la lista, para que Bizagi muestre el control para las Personas elegidas.

 

EmbedWebSite&HTMLFrame06


Last Updated 11/19/2025 12:05:38 AM