App auto generated CSS

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.

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

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

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

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

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.

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

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

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

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

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

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

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.

Amin Mousavi

Hi David,

At inline CSS section, many copies of my CSS has been created and when I noticed there where about 13 copies each slightly different from the other.

All have this part in common though.

/* App inline CSS */


/*!
 * This file is part of App Builder
 *
 * ©2020 App Builder - https://www.davidesperalta.com
 */


/* App auto generated CSS */

Is there a way I can get rid the unnecessary duplicated copies?

Thanks a mill

decsoft

Hello Amin,

Sorry, but, I am not completely sure if can understand the problem, so I have some questions: 1º Are you tried to delete the "_Cache" folder? That solve the problem? 2º Can you describe a bit more the problem, please? 3º Can you prepare a sample app in which I can see the problem reproduced?

I am trying here to modify the Inline CSS option (we are talking of the previous generation of App Builder, not the current one), save the app, close it, reopen it, compile it various times, etc., and can't see nothing rare around...

I am not sure if this issue is related with a more or less "old" AB1 release... I can remember some "duplicates CSS" solved in newer releases... Note this from the product's history file:

2019.43 (06/19/2019)

* Fix a bug in the DecSoft App Builder's compiler which cause that the controls' CSS appear duplicates in the final app's scaled and fixed CSS stylesheets. In fact we can't appreciate the problem... since the controls' CSS are extrictly duplicated, so we can't see anything rare in the app, however, certainly the duplicate CSS code is no needed and waste space and maybe can cause some possbile issue in some specific scenarios.

But I am not sure if the above is the case... because, if I am not wrong, above I am not talking about the Inline CSS option... I am talking about the generated CSS files by AB, but not specifically (and I cannot remember) related with the Inline CSS option...

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

Amin Mousavi

Hi David,
Yes it is the AB1, well, it is 3000 line of CSS at the whole app, that is why cleaning it up is very hard.
One of the views can be viewed here

https://lingolish.com/global-leaderboard-tips.html

If you inspect the leaderboard part in the iframe that is build by AB1, you can see that #Top10view has been repeated many times, and when I open inline css section I see all the css duplicated like this (I only copy the top parts of each portion)

/*!
 * This file is part of App Builder
 *
 * ©2019 App Builder - https://www.davidesperalta.com
 */
/* App auto generated CSS */
html, body { width: 320px; height: 480px; }
#Loading { background-color: #e25a5e; }
#LoadingGif { position: absolute; top: 65.83%; left: 35.00%; width: 30.00%; height: 18.33%; }
#Top10View { background-color: #3B5900; background-size: contain; max-height: 100vh; max-width: 100vw; }
#table_of_data { position: absolute; top: 21.67%; left: 10.00%; width: 80.00%; height: 68.33%; }
.
.
.
/* App inline CSS */
/*!
 * This file is part of App Builder
 *
 * ©2019 App Builder - https://www.davidesperalta.com
 */
/* App auto generated CSS */
html, body { width: 320px; height: 480px; }
#Loading { background-color: #e25a5e; }
#LoadingGif { position: absolute; top: 65.83%; left: 35.00%; width: 30.00%; height: 18.33%; }

#Top10View { background-color: #3B5900; background-size: contain; max-height: 100vh; max-width: 100vw; }
#table_of_data { position: absolute; top: 21.67%; left: 10.00%; width: 80.00%; height: 68.33%; }
.
.
.
/* App inline CSS */


/*!
 * This file is part of App Builder
 *
 * ©2019 App Builder - https://www.davidesperalta.com
 */


/* App auto generated CSS */

html,
body {
	width: 320px;
	height: 480px;
}

#LoadingGif {
	position: absolute;
	top: 65.83%;
	left: 35.00%;
	width: 30.00%;
	height: 18.33%;
}

#Top10View {
	background-color: #3B5900;
	background-size: contain;
	max-height: 100vh;
	max-width: 100vw;
}

Before it catches my eyes and I can find time to attend to it, it has created 10-12 copies and now I have 83000 line of css to deal with.
Your help is very much appreciated.

decsoft

Hello Amin,

This is quite rare... I mean, if I am not wrong, the duplicates CSS issue (which has been fixed in the past) are related with the CSS code generated by AB1, but, not the Inline CSS option! Talking about this Inline CSS option I simply can't reproduce the problem here... at least in the current release of AB1 I can't reproduce the problem... Please, Amin, try to reproduce the problem in a sample app... try to add some CSS code, compile the app, save it, repeat this operations, and, tell me if you can see the duplicates issue...

In fact its quite rare that you see a code like the below in the Inside CSS option:


/*!
 * This file is part of App Builder
 *
 * ©2019 App Builder - https://www.davidesperalta.com
 */
/* App auto generated CSS */

... why? Because the Inline CSS code is not autogenerated by AB1... it's your CSS code... AB don't touch that CSS code... I just mention it because it's rare (double rare) that that comments appear in the Inline CSS option...

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

Amin Mousavi

Hi David,
I have absolutely no clue how it has got there. I minify and unminified all the inline css section to make classes comparable and then searched for classes one by one an a two hours process cleaned it all up. I debugged and things look okay so far. I have an eye on it and if it happened again will leave the details here.
Thanks for the quick response and brilliant support as always

decsoft

Hello Amin,

About the minimize: when you use the minimize tool of AB1, the Incline CSS is also minimized, so, you no need to manually do it. About the possible bug, certainly, if we can find a way to reproduce it, then we can try to do something about!

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.