nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How do I get custom theme to show up in experience builder dev edition?

joshkalovcook

Hello,

I am starting to explore creating a custom theme for Experience Builder Developer Edition. I am following the guide at Theme development | ArcGIS Experience Builder and have also tried the demo theme mentioned at Override theme variables | ArcGIS Experience Builder. In Experience Builder, when I go to the "Theme" section, my custom themes do not show up. Is there something else I need to do to get them to show up there?

Thanks

Josh

Trouver plus de publications taguées avec

Accepted answers

Anonymous User

Hi, Josh

Try this trick: add an empty "style.ts" file to the theme folder, and rerun npm start.

This is a bug related to the webpack that is not watching for changes other than js or ts files.

Yiwei

All comments

ToddJacobus

Are the properties for the manifest.json file actually documented anywhere? If not, is there a plan to document these in the future?

joshkalovcook

That worked. Thanks!

A related theme question: In client\dist\themes\, there is a calcite theme folder but calcite does not appear as a theme option in experience builder. Is that a bug, or is that calcite folder used by other themes?

Thanks
Josh

Anonymous User

Hi, Josh

Try this trick: add an empty "style.ts" file to the theme folder, and rerun npm start.

This is a bug related to the webpack that is not watching for changes other than js or ts files.

Yiwei

joshkalovcook

Hi Yiwei,

The "name" property matches.
I've tried rerunning npm start on client several times with no luck. It seems to see the sample custom widget but not either theme.

Thanks

Josh

Anonymous User

Hi, This is Yiwei from the ExB dev team.

There might be two causes that your custom theme does not show up:

The "name" property in the manifest.json file does not match the name of the theme folder
Try re-run npm start on "client" in the command line tool to let the builder pick up the new theme

Try these methods and let me know if your problem has still not been resolved.

Best,

Yiwei

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Se connecter
S'inscrire

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.