Cerințe

• ArcGIS Experience Builder Developer Edition link part 1
• Instrumente de Dezvoltare (Node.js și editor de cod)
• Șablon Temă (Demo Theme Template)
• Ghid pentru Personalizare (Theme Development Guide)

Obținerea temelor personalizate

• Accesați Demo Theme Template.
• Dezarhivați fișierele descărcate în mediul dvs. local de dezvoltare.
• Explorați șablonul temei în Experience Builder SDK/theme/demo-theme.

Fișiere cheie în șablon:

• manifest.json: Conține metadate despre temă, cum ar fi numele și descrierea.
• thumbnail.png: O reprezentare vizuală a temei care apare în interfața Builder.
• variables.json: Definește configurații specifice temei, inclusiv scheme de culori, fonturi și spațiere.

Adăugarea temelor personalizate în Developer Edition

• Navigați la folderul client/your-extensions/themes în Experience Builder Developer Edition.
• Creați un folder nou pentru tema dvs. (de exemplu, custom theme).
• Copiați manifest.json, thumbnail.png și variables.json din șablon în folderul temei dvs.

Deschideți fișierul manifest.json și asigurați-vă că câmpul name corespunde cu numele folderului dvs.

• Adăugați o imagine miniatură (de exemplu, thumbnail.png) care reprezintă tema dvs. în folderul temei.

• Repornirea comenzii npm start în ambele directoare (client și server) reîncarcă aplicația și înregistrează tema nouă.

Opțional: Adăugarea fișierului style.css

• Creați un fișier style.css în folderul temei pentru personalizări avansate.
• Utilizați-l pentru a defini stiluri care nu pot fi configurate în variables.json.

Testarea temelor personalizate

• Deschideți Experience Builder în browser (de obicei http://localhost:3001).
• Navigați la panoul de selecție a temelor și căutați tema dvs. personalizată.

În continuare:

Actualizarea și implementarea aplicațiilor în Experience Builder Developer Edition (Partea 4) Link