Globally Linked Files (systemGlobal)

Description

Alpha Anywhere can automatically link project-wide files to every component (UX, Grid, etc.) in a web project. Place specially named files in the project root to avoid manually adding the same linked files to each component.

systemGlobal is for automatically linking files (like .js and .css) to all components. If you are looking for information on how to define global data variables (like session.myVar), please see the Application Global Variables

Overview

Add one or more of the following files to the root of your Web Project. Each file type is linked automatically to all components:

  • systemGlobal.js

    Linked as a JavaScript file.

  • systemGlobal.css

    Linked as a CSS stylesheet.

  • systemGlobal.a5xbfl

    Linked as an Xbasic Function Library.

  • systemGlobal.svg

    Linked as an SVG definition file.

You may include any or all of these files. They are useful for global helper functions, shared CSS utilities, or common SVG icons.

Where to place the files

Put the files at the top level of the web project (the same folder that contains your pages, components, and resources). The filenames must match exactly as shown.

Suppressing a global file in a specific component

If a particular component should not use one or more global files, add a suppression tag to that component’s linked-files list:

Use <noglobal> in the appropriate linked-files property (e.g., JavaScript linked files, CSS linked files, function libraries, or SVG linked files) to prevent the corresponding systemGlobal.<ext> file from being linked for that component.

Example: add <noglobal> to the JavaScript linked files list to skip systemGlobal.js for that component.

See Also