i

Please enable JavaScript to view this site.

Documentación 8.5

Este elemento se utiliza para mostrar objetos Deyel o páginas web externas. Por ejemplo, puede contener formularios, páginas, casos, etc. Se debe establecer su posición y tamaño para que responda a diferentes ventanas de visualización.

 

Las propiedades del elemento se encuentran representadas por íconos en su menú contextual, donde también se encuentran disponibles sus operaciones.

Subtipos

 

Iframe con Scroll

Iframe Adaptable

Propiedades de Estructura        

 

El panel de propiedades de estructura de un elemento se abre al seleccionar el ícono PropiedadesEstructura del menú contextual.

 

 

MPA-PropiedadesEstructura-005

Alineamiento

 

Permite alinear el elemento al seleccionar uno de los iconos disponibles.

 

AlineamientoIzq Alinear a la izquierda.

 

AlineamientoCentro   Alinear al centro horizontal.

 

AlineamientoDer Alinear a la derecha.

 

AlineamientoArriba Alinear arriba.

 

AlineamientoCentroVert Alinear al centro vertical.

 

AlineamientoAbajo Alinear abajo.

Tamaño

 

MPA-PropiedadesTamaño-001

 

Todas las propiedades de tamaño pueden estar expresadas en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh). Adicionalmente para las propiedades Ancho y Alto se suma la opción “auto’.

 

En caso de seleccionar porcentaje (%) para las propiedades de ancho y altura, el tamaño se calcula en relación al elemento superior.

Tipo de Posición

 

Determina si al momento de ejecución el elemento queda fijo en la página o si se desplaza a medida que se avanza o retrocede con la barra de scroll.

 

MPA-PropiedadesTipoPosicion-002

 

Valores Posibles

 

Predeterminado: El elemento tiene una posición relativa respecto al elemento superior donde fue ubicado (contenedor o sección).

Fijo: Fija el elemento a la página para que siempre esté visible en la misma posición. Permite aumentar la visibilidad de contenido importante.

Acoplamiento

MPA-Acoplamiento-001

 

Determina la posición vertical y horizontal de los elementos dentro de la sección de la página o del contenedor, cuando se cambia el tamaño de la pantalla.

 

Cuando se agrega o mueve un elemento dentro de la sección o el contenedor, el modelador lo acopla automáticamente a las esquinas o los bordes más cercanos. También se puede configurar, haciendo clic en las flechas del lado al cual se quiere acoplar o en el centro.

 

Una vez acoplado el elemento se indica su posición exacta en la propiedad Márgenes. Dependiendo del sentido de las flechas del acoplamiento son los valores que se visualizan automáticamente para los márgenes.

 

La posición de acoplamiento se indica en el área de modelado mediante líneas de puntos en el elemento.

Márgenes

MPA-PropiedadesMargenes-001

 

Permite definir la distancia de los elementos hacia los bordes de su elemento superior. El comportamiento de los márgenes dependen del acoplamiento del elemento. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Arriba

Distancia hacia el borde superior del elemento de mayor jerarquía.

 

Abajo

Distancia hacia el borde inferior del elemento de mayor jerarquía.

 

Izquierda

Distancia hacia el borde izquierdo del elemento de mayor jerarquía.

 

Derecha

Distancia hacia el borde derecho del  elemento de mayor jerarquía.

 

iconobordes Permite que el valor ingresado en uno de los márgenes se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los márgenes.

Avanzado

 

MPA-PropiedadesAvanzado-005

 

Nombre

Es el nombre que se utiliza para referenciar el elemento durante el modelado.

 

Identificador

Identifica unívocamente al elemento. Se utiliza en el SDK de Javascript.

Propiedades de Estilo

 

El panel de propiedades de estilo de un elemento se abre al seleccionar el ícono PropiedadesEstilo del menú contextual.

 

 

MPA-PropiedadesEstilo-005

Espacio de Relleno

MPA-PropiedadesEspacioRelleno-001

 

Todas la propiedades de espacio de relleno permiten crear un espacio entre los bordes (superior, inferior, laterales) del elemento y su contenido. El espacio de relleno configurado es hacia adentro, mientras que el margen se configura en relación a un elemento superior. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

iconobordes Permite que el valor ingresado en uno de los espacios de relleno se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los espacios de relleno.

Bordes

MPA-PropiedadesBordes-001

 

Permite definir el estilo de los bordes. Por cada uno se define el tipo, ancho, color y opacidad, esta última en porcentaje.

 

iconobordes Permite que el valor ingresado en uno de los bordes se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los bordes.

Bordes Redondeados

 

MPA-PropiedadesBordesRed-001

 

Permite definir los bordes redondeados en las esquinas de los elementos.

Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

iconobordes Permite que el valor ingresado en uno de los bordes se copie en los otros automáticamente.

iconomargenes Permite indicar diferentes valores para cada uno de los bordes.

Sombra

 

MPA-PropiedadesSombra-002

 

Permite definir el efecto de sombra alrededor del elemento.

 

Tipo

 

Valores Posibles

 

Exterior

Interior

 

Horizontal

Tamaño horizontal de la sombra a la derecha del elemento. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Vertical

Tamaño vertical de la sombra debajo del elemento. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Difuminación

Cuanto mayor sea este valor la sombra se vuelve más grande y ligera. Si no se especifica, su valor es 0 y el borde de la sombra es más fuerte. Puede ser expresado en píxeles (px), porcentaje (%), ancho de la ventana de visualización (vw) y altura de la ventana de visualización (vh).

 

Propagación

Los valores positivos permiten que la sombra se expanda y crezca, mientras que los valores negativos hacen que la sombra reduzca su tamaño. Si no se especifica, su valor es 0 y la sombra es del mismo tamaño del elemento.

 

Color

Define el color de la sombra.

 

Transparencia

Define la transparencia de la sombra.

Propiedades de Configuración

 

El panel de propiedades de configuración de un elemento se abre al presionar el ícono iconoConfiguraciondel menú contextual.

 

 

MPA-PropiedadesConfiguracion-003

Scroll

 

MPA-PropiedadesOtrasConfig-001

 

Alto Automático

Permite que el alto del iframe se adapte al tamaño de su contenido en el caso en que este último llegara a exceder el tamaño del iframe. Si dicha propiedad no se marca se pueden seleccionar los diferentes valores de la propiedad Barra de Scroll.

 

Barra de Scroll

Indica si el scroll en el elemento se visualiza: siempre, nunca o según el tamaño del contenido del iframe.

URL

 

Permite seleccionar el origen del contenido del elemento.

Valor

 

MPA-PropiedadesURL-001

 

Tipo

Permite seleccionar el tipo de objeto a mostrar en el iframe, puede ser un objeto Deyel o un enlace a una página web externa. Dependiendo del tipo seleccionado se habilitan diferentes propiedades para completar.

 

Página

Página

Permite seleccionar la página externa que se visualiza en el iframe. Una vez seleccionada la misma se despliegan sus parámetros en caso de tenerlos.

 

Página de Deyel

Página de Deyel

Permite seleccionar la página de Deyel que se visualiza en el iframe. Una vez seleccionada la misma se despliegan sus parámetros en caso de tenerlos o permite agregar uno.

 

Formulario

Formulario

Permite seleccionar el nombre del formulario que se visualiza en el iframe. Una vez seleccionado el mismo se despliegan sus parámetros en caso de tenerlos o permite agregar uno.

 

Operación

Permite seleccionar si se visualiza la creación de una instancia o la grilla del formulario.

 

Proceso

Proceso

Permite seleccionar el nombre del proceso que se ejecuta en el iframe. Una vez seleccionado el mismo se despliegan sus parámetros en caso de tenerlos o permite agregar uno.

 

Operación

Indica que se visualiza la creación de un caso.

 

Enlace

Enlace

Permite el ingreso del enlace de la página que se ejecuta en el iframe.

Parámetros y Variables

 

MPA-PropiedadesParametro-001

 

Parámetros y Variables

Permite seleccionar un parámetro o una variable de la página. Su valor se visualiza en el elemento.

Fuente de Datos

 

MPA-PropiedadesFuenteDatos-001

 

Fuente de Datos

Permite seleccionar una fuente de datos previamente definida en la página.

 

Campos

Permite seleccionar un campo de los recuperados en la fuente de datos elegida. Su valor se visualiza en el elemento.

Reglas Embebidas

 

El panel de propiedades de reglas embebidas de un elemento se abre al seleccionar el ícono MPA-IconoRegla del menú contextual.

 

 

MPA-PropiedadesReglas-005

Propiedades

 

Reglas

Se pueden definir reglas embebidas de comportamiento, validación y cálculo, asociadas a un elemento, mediante el uso del asistente (ctrl + espacio).

65S4_img6 Muestra ejemplos de sintaxis para escribir las reglas.

 

65S4_v2_img9

Visible

Indica si el elemento es visible. Si no se marca esta propiedad, el elemento no se visualiza en la página.
toggles_img1  Visible (predeterminado)   toggles_img3 No visible

65S4_img11 Abre un área de edición donde se puede definir una regla para determinar la condición de visibilidad. Si se define una regla, el ícono se visualiza con bordes color celeste.

 

65S4_v2_img7

Cálculo

65S4_img11 Abre un área de edición donde se puede definir la expresión que debe ejecutarse para calcular el valor del elemento. Si se define una regla, el ícono se visualiza con bordes color celeste.

 

 

Operaciones al definir la regla:

 

icon-mod-proc-jxxf3489fhdj

Guarda la regla nueva o modificada

icon-mod-proc-d6f4xxx6dfhjfdj

Cancela la operación

 

Operaciones una vez definida la regla:

 

icon-mod-proc-xxcf5hfs89fhdj

Edita la regla existente

iconoTACHO_AZUL

Elimina la regla

Eventos

 

Los iframes permiten utilizar un evento.

 

 

Evento

Descripción

onLoad()

Se ejecuta una vez que se cargan todos los elementos del iframe.

Envianos tu comentario
Compartir en X Compartir en Linkedin Enviar por Email Imprimir