DecSoft Support - Image Resizing

Image Resizing

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

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

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.

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

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

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

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

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.

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.

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

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

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

John Clarke

I have created an image object on my screen. I have set the size to a specific specification (Height 24, Width 24) and added a border by setting the border style to 1. However, when it is displayed it seems to be scaling the image depending upon the size of the screen. How can I stop this from happening ?

Amin Mousavi

Hi John,

For height and width I suggest assigning a class to your object and use "vw" for your width and set height to auto. In the below example width of your picture regardless of the size of the phone will take 40% of the "viewable width" and height will be defined accordingly. Depending on your design you can assign a size to height and set width to auto. You also can use "vh" or "vw" for the height if you wish. From the top of my head, I think auto does not work properly all the time, so you might perhaps use the second class since your picture's height and width are equal.

.sizefix{
width: 40vw !important;
height: auto !important;
}

.sizefix2{
width: 40vw !important;
height: 40vw !important;
}

Regards

DecSoft

Hello to all,

In addition to the Amin's suggestion (thanks for that, sir, I really appreciate it), maybe it's important to know also the context in which we use the image. For example, if we are using an Image control of AB, or if we use an IMG HTML tag inside an HTML control of AB. You can take a look at the "Images" sample.

In principle we can use CSS and / or Javascript if it's required to deal with some specific image or images. But maybe a bit more information about how that image must be used (where, etc.) can be good too.

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

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.