Forum | Appery.io

Hi,

I've recently converted one of my projects from runtime screen formatting to full CSS screen formatting to cope with both portrait and landscape on all screen sizes.

This has been very successful, but uses a lot of CSS.

The only negative this approach brings is that I cannot select a lot of elements due to overlapping items on the builder display.
(I use hidden DIVs as popups and menus).

This means to edit items that are hidden or below other screen elements I have to comment out a lot of CSS.

To overcome this, could you have an onscreen switch to enable custom CSS or disable custom CSS? This would make editing a lot more simple and quicker than having to comment each CSS file out.

many thanks

Andy

Hello Andy,

It is impossible to turn off custom CSS for the page. You can use CSS selectors with page's name. E.g.:
instead of:

.my-class{

}
use:
#ScreenName .my-class{

}

Thanks for the reply.

As I have multiple CSS files,how can I use this effectively to disable all custom CSS in my project?

I was hoping you would be able to implement a solution in your builder that effectively ignores the custom CSS files.

At present I have to edit every CSS file to enable me to edit the screen layout in the builder, and then remove the edits to re-enable the CSS. It is extremely time consuming..

Andy,

Appery.io projects could be rendered in one HTML file, and so it is difficult to disable css file in the runtime, so you should create page-related CSS or add/remove styles via JS