Documentación Plataforma ByXOne

The frame node allows to create visuals in the edition windown. In the web it woul be the equivalent to DIV tag. To respect compatibility with the previous one, the frame node and its use in the prop desn´t affect the interpretation of the machines that not support it.

Sintax:

<frame name="id1" ... />
	<prop name="PRUEBA" ... />
	<prop name="PRUEBA2" ... />
	<frame name="id2" ... />
		<prop name="PRUEBA3" ... />
		<prop name="PRUEBA4" ... />
	</frame>
</frame>

The frame nodes may be nested, that is, a frame may be inside of another frame and so on.

A frame can be positioned on a fixed location, “floating” over the screen, keeping away the background screen from being affected by the floating frame.

Positioning is made through the attributes “top” and “left”.

Do not use porcentual values in width and height attributes, try to use pixel values instead.

<frame name="frmFlotante" floating="true" top="300p" left="200p" width="600p" height="300p" class="FrameAnimateFromRight" >
	.....
</frame>

It can be defined in the heading of the groups or in the frames the entry effect we want by default for the group or frame…

<group name="General" id="1" height="100%" animation-out="animación de salida" animation-in="animación de entrada" >
<frame name="frmFlotante" floating="true" top="300px" left="200px" width="600px" height="300px" class="FrameAnimateFromRight" >

.FrameAnimateFromTop
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* Entra y sale por arriba. */
	animation-in:##PUSH_DOWN_IN##;		/* Aparece por arriba */
	animation-out:##PUSH_OUT##;		/* Se va por arriba */
}
 
.FrameAnimateFromBottom
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* Entra y sale por abajo. */
	animation-in:##PUSH_IN##;		/* Aparece por abajo */
	animation-out:##PUSH_DOWN_OUT##; 	/* Se va por abajo */
}
 
.FrameAnimateFromRight
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* Entra y sale por la derecha. */
	animation-in:##RIGHT_IN##;
	animation-out:##LEFT_OUT##;
}
 
.FrameAnimateFromLeft
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* Entra y sale por la izquierda. */
	animation-in:##LEFT_IN##;
	animation-out:##RIGHT_OUT##;
}
 
.FrameAnimateRotate3D
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* Entra y sale rotando en 3D. */
	animation-in:##ROTATE3D_IN##;
	animation-out:##ROTATE3D_OUT##;
}
 
.FrameAnimateAlpha
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* Aparece y desaparece;. */
	animation-in:##ALPHA_IN##;
	animation-out:##ALPHA_OUT##;
 
	/* ZOOM. */
	animation-in:##ZOOM_IN##;
	animation-out:##ZOOM_OUT##;
}
 
.FrameAnimateZoom
{
	animation-in-delay:500;
	animation-out-delay:500;
 
	/* ZOOM. */
	animation-in:##ZOOM_IN##;
	animation-out:##ZOOM_OUT##;	
}

Dimension type: It is a type of data for the attributes of dimensions on screen. It may have the following formats:

• N%: It allows to define in percentages of the display. Ex.width=”50%”
• N: It allows to define in DIP, having into account the display density. Ex.width=”56”
• Np: It allows to define the dimensions in pixels. Ex.height=”100p”