DecSoft Support - Como hacer que un botón no se deforme

Como hacer que un botón no se deforme

Take a look at some frequently asked questions about us and our products!

Save time, resources and money creating apps for Android, iOS and more with the same base of code.

Take a look at our YouTube channel and subscribe to be notified about new videos!

Create apps and expand their capabilities by using the world's popular programming language: Javascript.

Compile, convert your modern HTML apps and games into Microsoft Windows executable programs without dependencies.

DecSoft NeoPlugins are available in both runtime and designtime flavours to keep your apps as small as possible.

DecSoft NeoPlugins put your VisualNeo projects into another level with +1,000 new actions for your apps.

Create modern HTML apps and games at another level making things impossible to do even by modern HTML apps and games.

Apache Cordova's official plugins are supported out of the box and there are hundreds of plugins ready to use.

Design for small screen devices but deploy also (without changes) in larger devices like tablets.

Create multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

DecSoft App Builder include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft HTML Compiler include a convenient Command Line Compiler, so you can compile your apps from the console.

DecSoft HTML Compiler is easy to use: set your project's options and compile your apps and games in a nutshell.

DecSoft App Builder integrates an Open AI assistant in order to assist you while developing your apps.

Save money by purchasing our NeoPlugins bundles. Five, Ten and even the complete NeoPlugins collection at an incredible price!

Jordi Mesa

Buenos días David, tengo una pregunta... estoy con la dichosa al app del gps y tengo un problema.

La App se adapta a la pantalla de los moviles pq tengo activada la función Auto-Escalar de AB... mi problema es el siguiente.

Los botones son circulares con una clase que he creado... pero al ejecutarse dependiendo de los moviles se deforman pq no siguen la misma proporción las pantallas de los dispositivos.

Como puedo hacer que no se cambien de tamaño o que sigan siendo proporcionales.

He probado esto pero no funciona:

SetStyle "View1" "margin-top" "0px"

SetViewSize "" "[App.InnerHeight]px"

DecSoft

Hola Jordi,

Tendrás que usar estilos para dar a esos botones un tamaño fijo, utilizando, si es necesario, diferentes tamaños para diferentes pantallas. Esto lo puedes hacer mediante JavaScript pero también mediante CSS, usando la propiedad "Inline CSS" de la app y algunas "CSS media queries". El código que has puesto no está pensado para esto, sino, para que los teclados de dispositivos Android o iOS no deformen las vistas, y, sólo tendrás que usarlo si dichas vistas contienen algún "input", y, si lo ves oportuno.


 // Usando JavaScript

StartJS
  $('#Button1').css('width', '200px');
EndJS


 /* Usando CSS */

/* Estilo aplicado por defecto */
#Button1
{
  width: 200px;
}

/* Estilo aplicado sólo en pantallas de al menos 768 px */
@media (max-width: 768px) {

  #Button1
  {
    width: 150px;
  }

}

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

DecSoft

Hola Jordi,

La clave en este caso está en que si no aplicamos un estilo o damos un tamaño fijo, se aplicará el estilo de AB (escalado o fijo), y, para evitar eso, tenemos que darle un tamaño fijo a un determinado control: de este modo se respetará el tamaño que le demos nosotros mismos, es decir, no se aplicará el estilo de AB, sea este el escalado o el fijo.

Lo dicho aplica tanto a la anterior generación de AB (que es de la que tratamos en este hilo) como a la actual generación del producto.

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

Jordi Mesa

Perfecto... a ver si te voy mandando pantallas pq esta quedando bastante bien...

Everybody can read the DecSoft support forum for learning purposes, however only DecSoft customers can post new threads. Purchase one or more licenses of some DecSoft products in order to give this and other benefits.