Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revisionBoth sides next revision
en:wiki:2.-desarrollo-app:2.3.-codigo:a.-estructura-xml:4.-nodo-frame:start [2017/11/17 14:22] – [Frame Nodes Attributes] patriciaen:wiki:2.-desarrollo-app:2.3.-codigo:a.-estructura-xml:4.-nodo-frame:start [2018/09/05 19:34] – [Definition] ejetoro
Line 1: Line 1:
  
 {{indexmenu_n>1}} {{indexmenu_n>1}}
-======= FRAME Node =======+===== FRAME Node =====
 \\ \\
  
  
-===== Definition =====+==== Definition ====
 \\ \\
 The //frame// node allows to create visuals in the edition windown. In the web it woul be the equivalent to DIV tag.  The //frame// node allows to create visuals in the edition windown. In the web it woul be the equivalent to DIV tag. 
Line 13: Line 13:
 **Sintax:** **Sintax:**
 <code xml> <code xml>
- <frame name="id1" ATRIBUTOS/> +<frame name="id1" ... /> 
- + <prop name="PRUEBA" ... /> 
- <!-- Propiedad que se mostrará en la pestaña 1, y en el frame id1 --+ <prop name="PRUEBA2" ... /> 
- <prop name="PRUEBA" group="1" frame="id1" />+ <frame name="id2" ... /
 + <prop name="PRUEBA" ... /> 
 + <prop name="PRUEBA2... /> 
 + </frame
 +</frame>
 </code> </code>
-=====  Spatial location of the frames and its elements  =====+====  Spatial location of the frames and its elements  ====
 \\ \\
  
-  * The frame nodes may be nested, that is, a frame may be inside of another frame and so on. +The frame nodes may be nested, that is, a frame may be inside of another frame and so on. 
 \\ \\
  
Line 27: Line 31:
 <WRAP clear></WRAP> <WRAP clear></WRAP>
 \\ \\
 +=== Floating frames ===
 +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.\\
 +\\
 +<code xml>
 +<frame name="frmFlotante" floating="true" top="300p" left="200p" width="600p" height="300p" class="FrameAnimateFromRight" >
 + .....
 +</frame>
 +</code>
  
  
Line 65: Line 81:
 ^animation-out-delay |Decimal value in milliseconds. It indicates the animation duration to hide the //frame//.| ^animation-out-delay |Decimal value in milliseconds. It indicates the animation duration to hide the //frame//.|
 ^disablevisible |Attribute that allows to decide the visibility in a conditional way, it will be invisible while the condition is fulfilled.  | ^disablevisible |Attribute that allows to decide the visibility in a conditional way, it will be invisible while the condition is fulfilled.  |
 +^ignore-touch-on-transparent-area |Attribute to be used in a floating frame (floating="true), when ignore-touch-on-transparent-area="true", prevents from touching event to hit on a background screen behind a transparent area in a floating frame.|
  
 +==== Animation Attributes ====
 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... 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" >   <group name="General" id="1" height="100%" animation-out="animación de salida" animation-in="animación de entrada" >