CSS / JS Files
Jedes Vertical bringt seine eigenen CSS- und Javascript-Dateien mit, die durch die Benamung erkennbar sind, insofern sie sich je Vertical unterscheiden. Im Bereich CSS / JS Files sind die korrekten Links zu den Dateien jedes Verticals zu finden. Sollte ein Wechsel des Verticals nötig sein, können hier jeweils die korrekten Links entnommen werden.
Die Dateien müssen im Code an den entsprechenden Stellen abgerufen werden. Üblicherweise geschieht dies über ein Import-Statement im Style-Tag (CSS-Dateien) und einen Script-Tag (JS-Dateien) im Head-Bereich der Seite. Dies ist jedoch auch abhängig von der individuellen Strukturierung der Seite der jeweiligen Benutzenden des Styleguides. Je nach Verwendung eines bestimmten Content-Management-Systems (beispielsweise Imperia) sind auch andere Formen der Einbindung möglich.
Vollkommen unabhängig von der Art der Einbindung (insofern die Einbindung dynamisch erfolgt) werden die CSS- und JS-Dateien immer auf dem neuesten Stand gehalten und alle Änderungen automatisch auf der Seite eingespielt. Es ist kein weiteres Zutun nötig um die neueste Version des Styleguides zu erhalten.
Each vertical has its own CSS and JavaScript files, which can be identified through the naming if they differ between verticals. The correct links to the files of each vertical can be found in the ‘CSS / JS Files’ section. If you need to change the vertical, you can find the correct links here.
The files must be called at the corresponding places in the code. This normally occurs via an import statement in the style tag (CSS files) and a script tag (JS files) in the head section of the web page. However, this also depends on the individual structuring of the page for the respective user of the style guide. Depending on which content management system is used (for example, Imperia), other forms of integration may also be possible.
Regardless of the integration method used (if integration is dynamic), the CSS and JS files are always kept up to date and all changes are automatically imported into the page. No other actions must be taken for the latest version of the style guide to be obtained.
- https://www.berlin.de/i9f/r1/bundle/berlin_citizenservice.css
- https://www.berlin.de/i9f/r1/bundle/berlin_citizenservice.js