HTML Settings

 

Theme

DB AppMaker uses Ionic Framework. Ionic is built on top of Sass, which makes it easy for you to change Ionic's defaults. Sass is like CSS, but with extra features such as variablesmixins, and for loops

Sass Variables allow you to define a value once and use it in multiple places. Variables begin with dollar signs and are set like CSS properties. Sass variables go hand in hand with Ionic. In Ionic, you can modify the Sass directly, so that the CSS file that gets generated has the customization you want.

You can override Ionic's Sass variables in order to get a custom style for your app, read Overriding Ionic Sass Variables first.

Then you can add your variables in the Theme tab.

 

 

Note After changing any variables, make sure you re-generate the *.scss files which are under Other Files section in the popup Generate form, see Generate Settings for details.

 

Styles

The Styles tab shows the additional SCSS (other than Ionic's) to be generated by the project. There are 2 sub-tabs, App and User.

The App tab show the SCSS to be generated. It is for preview only and is not editable.

 

The User tab show the user SCSS for the project. You can enter any custom SCSS to change the look and feel of your app. You can even copy SCSS from the App tab to override it.

Note All SCSS under the App and User tabs will be generated to the file src\app\app.scss.

 

 ©2018 e.World Technology Limited. All rights reserved.