DecSoft Soporte - Image. How to align it vertically in the middle of the screen ?

Image. How to align it vertically in the middle of the screen ?

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Joseph Caristena

Hi,
I have an image W 175 and H 330 on the View called
Credits.
I have to always align in the middle of the screen
this image.
So when screen changes the image must be always in the middle,
perfectly vertically aligned.

This is the code to keep it fixed (with no stretching)
and it is working well.

Just click on the View called Credits
click once on the View and then go to Code.
At the bottom of the View click on the Show tab
and copy the following script:

GetStyle "ImageCredits" "width" "[ImgWidth]"<br>GetStyle "ImageCredits" "height" "[ImgHeight]"</p>
<p>// Set the style, therefore the image is not scaled</p>
<p>SetStyle "ImageCredits" "width" "175px"<br>SetStyle "ImageCredits" "height" "330px"

Now the problem is to align it vertically in the middle
of the screen.

So when screen changes the image must be always in the middle,
perfectly vertically aligned.

Thanks
Joseph Caristena

decsoft

Hello Joseph,

One possible way to do what you wanted is to using the below CSS code, for example, in the "Inline CSS" app's option:

#ImageCredits<br>{
  top: 50%;<br>  left: 50%;<br>  width: 200px;<br>  height: 200px;<br>  position: absolute;<br>  margin-top: -100px; /* Half the height */<br>  margin-left: -100px; /* Half the width */<br>}

Note that doing that you no need to change the image width nor height.

Purchase one or more licenses of our products if they are useful to you!

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.