The Tag Editor is designed to enable managing meta/link tags in page header sections and can be used to upload user-defined themes (or other resources) to the AngularJS apps.
See how to upload 3-rd party Bootstrap themes to your AngularJS & Bootstrap app here.
Tag Editor UI
To start working with the Tag Editor, open an existing app or create a new AngularJS & Bootstrap or AngularJS & Ionic app.
Working with the Tag Editor with both app types is similar, with the exception of their components and index page configuration.
In Ionic AngularJS apps, index pages don’t allow the addition of components, and you can only define headers, footers, tabs, etc. as these apps are mobile-oriented.
Project > App settings > General.
There you’ll find the
Custom tags table, with each table row consisting of three columns:
- “Tag name” is a select field with the tag name. There are two for now:
- “Attributes” is a text input field with a string of tag attributes.
- “Delete” buttons to remove tags.
CREATE NEW > CSS or
Managing tag priority
The higher the tag is on the list, the lower its priority.
Adding a custom tag example
Lets add a custom tag on a refresh example:
1. First, let’s add a new
meta tag in
App settings > General.
Attribute, paste the following and click “Save”:
3. By clicking “TEST,” you may watch the screen’s content refresh every 2 seconds.
initial-scalevalue of the default <meta name=”viewport” content=”width=device-width, initial-scale=1″/> tag won’t affect the web preview (“TEST” button). It can only be seen on mobile devices, but remember: making changes to this tag may result in misbehavior of iOS devices.