How to use gradient colors in app's views and other controls

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

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

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

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

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.

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

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

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

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

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 multiplatform apps with DecSoft App Builder, including Android and iOS with the same base of code.

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

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

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

Napoleone Lattarulo

I tried to find in the properties of Views something to set gradient color for that container, I didn't succeeded in this task, can you help me in this search?

tanks

P.S.
By the way, are there gradient color properties for objects in the container (like buttons) too?

DecSoft

Hello frecciag50,

Here we can consider various things. First of all is the ability to use themes in App Builder: they include various themes we can use in our applications. If we want to use themes (we use the default one at least, but I talk about others too) we need to take care about changes in the app's style, since we can "break" the possible themes usage in someway. In few words, some themes can change the containters' background colors automatically... except if we change it firstly.

Said that, yes, we can apply style to one or more controls, and even to the app's view, and even to app's views who uses certain theme only, etc. A possible simple way to achieve what you wanted is to use the app's Inline CSS option. In that option we can place a code like the below one:

#Container1<br>{
  background: #1e5799;<br>  background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 20%, #2989d8 53%, #207cca 83%, #7db9e8 100%);<br>  background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 20%,#2989d8 53%,#207cca 83%,#7db9e8 100%);<br>  background: linear-gradient(to right,  #1e5799 0%,#207cca 20%,#2989d8 53%,#207cca 83%,#7db9e8 100%);<br>  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 );<br>}

... the above code apply certain gradient style over the "Container1". If we want to apply such code to an entire app's view we can use their name for the CSS identifier: "#View1", "#View2", etc.. Certainly the code appear more or less complex, but furtunately they are generated using the Colorzilla Gradient Editor. Hope this information can be of your interest.

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

Napoleone Lattarulo

Vale
I am particularly interested in the use of themes in your environment, I will try to do so searching in help or forum.

tanks

DecSoft

Hello frecciag50,

To use app's themes we only need to specify the themes to be included in the application from the app's options dialog. Once we do that we can use the "SetAppTheme" to establish a theme. Please take a look at the "Themes" and "Themes2" samples. Other samples like the "Calculator" one uses themes too.

See the below image:

From the "Included" list of themes we can choose one or more in order to put it availables for the application. The "Default" list of themes allows to choose what theme we want to use by default in the application. Once our application is running, we can use the "SetAppTheme" with the name of one of the "Included" themes in order to change use the specified theme in the application.

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.