DecSoft Support - A possible way to add CSS classes in HTML

A possible way to add CSS classes in HTML

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

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.

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

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

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

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

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

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

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.

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

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

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.

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

Paolo Lops

Hi David,in an html i want create a parameter in a line like this <div id="slide-out" class='side-nav fixed light-blue-skin green ' >for the color attribute<div id="slide-out" class='side-nav fixed light-blue-skin XXX ' >how i can do?i have try with window.App.RootScope.XXX but with no succescan you help me?

DecSoft

Hello Paolo,

I am not quite sure if can understand perfectly, but, one of the possible aproach can be the below one. Supose we have an container like this in an HTML control:

<p class="{{ContainerClasses}}"> Hello there! </p>

Then, in our app, we can establish the "ContainerClasses" variable in a way like this, for example:

SetVar "[ContainerClasses]" "bg-danger text-white" "String"

And... the result is the expected, that is, the "ContainerClasses" CSS classes are applied to the HTML container.

Note that is also possible to establish some CSS classes "by default", in an container like that:

<p class="bg-danger {{ContainerClasses}}"> Hello there! </p>

Then we can set the other CSS classes using the variable:

SetVar "[ContainerClasses]" "text-white" "String"

In both cases the "bg-danger" and "text-white" CSS classes are applied to the HTML container.

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.