¿Quieres saber cómo alinear los elementos de tus geniallys con precisión matemática con unos pocos clics? Lo conseguirás con la característica ‘posicionar elementos’, una de las muchas que ofrece el Modo diseñador. 


Puedes encontrar un tutorial por cada funcionalidad del modo diseñador. Descúbrelos todos aquí.


En este tutorial descubrirás cómo utilizar la funcionalidad Posicionar para situar los elementos dentro de tu lienzo. Descubre:


Para qué sirve la funcionalidad Posicionar


Con la funcionalidad ‘Posicionar’ puedes alinear los elementos de tus composiciones con exactitud, sin necesidad de hacer proezas con el ratón para tratar de arrastrar los elementos a su posición exacta. 


Conseguirás creaciones con apariencia mucho más profesional en menos tiempo y con menos esfuerzo.


Cómo posicionar un elemento


Dentro de la pestaña Elementos del Modo diseñador, existen dos campos para definir la posición horizontal (X) y vertical (Y) que marcan la posición de cada elemento. 


Activa el modo diseñador con el atajo de teclado CTRL/CMD + M, o bien despliega el menú superior derecho del Editor y haz clic en Modo Diseñador. Luego introduce los valores numéricos en los espacios Posición X (horizontal) y Posición Y (vertical) para marcar sus coordenadas. 



Los valores se marcan en píxeles, por lo que necesitas conocer las dimensiones de tu lienzo. Descubre cómo consultar o cambiar el tamaño del lienzo. 


Ubicar la posición de tus elementos en el lienzo es más fácil si tienes en cuenta que:

  • El punto inicial: es el punto de la esquina superior izquierda del lienzo (0,0)
  • El punto final: es el punto de la esquina inferior derecha del lienzo. Sus coordenadas son iguales a las dimensiones del lienzo. Ejemplo: si las dimensiones de tu lienzo son 1200x675, el punto final corresponde a (1200, 675). 


Para que el elemento sea visible, los valores que introduzcas en Posición X y Posición Y deben ser valores entre el punto inicial y el punto final. 


También puedes asignar valores negativos para ubicar una parte de algún elemento fuera del lienzo. Por ejemplo, imagina que quieres que aparezca media estrella en un extremo de tu genially. Si la anchura de la estrella es de 500 píxeles, puedes asignar -250 en el espacio Posición X para que solo quede dentro del lienzo la mitad de la estrella.


Cómo conocer la posición exacta de cualquier elemento


Abre la pestaña Elementos del modo diseñador y selecciona el elemento cuya posición exacta quieras conocer.