Forum | Appery.io

So, maybe is a bug or maybe not... but when i create my custom theme, it is less important then normal jquery mobile theme. Let me make an example

I’v made a new theme called test. And in my main page HTML i see the include of 3 stylesheets : JQM,test,jq general mobile.

In my App Settings i’v set up the general theme as my “test” theme. But my theme in order of CSS classes is less important then JQM, wich normally is not used since i’v changed the theme.

If i change the theme what i expect is to see the include just of my theme not the default one wich is “jqm”... this is pretty weird and it does not allows me to full edit what i want.

So if i edit the html code deleting the JCM css the visual builder will not work any more... May i know how to fix this issue? Because it takes me pretty long time ...

So let me resume my question: It is a bug the fact that when i change my general theme, it does not delete (from html) the older one? (in this case JQM one?) or is it normal?

So if is normal how can i make my theme more important then the jqm one? Because if i work like this, i cannot do nothing, because i need to write all CSS classes and set them up. Wich is not pretty usefull for us...

Thanks a lot.
Alex.

This is the example

link href="files/resources/lib/theme/jqm/jqm.css" rel="stylesheet"
link href="files/resources/lib/theme/test/test.css" rel="stylesheet"
link href="files/resources/lib/jquerymobile/1.3.2/jquery.mobile.structure-1.3.2.css" rel="stylesheet"

Hi Alex,

To add CSS with a higher priority you can add it as custom CSS. You would need to undo all the source changes manually. After changing Source code UI Builder won't work. You can find more here: http://docs.appery.io/tutorials/sourc...

Let me be more clear.

As you can see with this first image my THEME callse Ciao is less important then the jquery mobile default one.... why??

As you can see by this second screenshot, there is also a JQM classes used... but i dont use JQM in my application... infact i am using my new custom theme called Ciao

And hmm sorry... but this problem is not solved.

Alex,

Please place this code in custom CSS.

So final answer is that Theme is useless...

And if you want a full customization of you'r application you must re-write all classes that appery.io uses randomly and set them in a custom css?

Alex,

Themes are useful for quick setting the common app style. Then you can override it using custom CSS code where needed. This is the easiest way, I suppose.

Actually what i saw is that Themes are useless.. they allows you just to set colors (if works) using themeroller. But for a fulll customizarion you must create you'r custom CSS and search for all classes that you'r application uses and override them... Wich is not so pretty easy... Since as you may know every page you made on your application got a JS and a CSS file... And i cannot edit those files because visual builder wont work anymore... (for Example adding or editing a new class on a button it wont work if i edit source code). So there is a lot of CSS used on Appery... Is there a place where i can understand better the hierarchy of those CSS classes?

I mean whats the important one and so on...

Thanks.

And the fact that if i dont use anymore a theme (for example the JQM one). Why it remains as a ref on the source file? it wont be there anymore since i dont use it....