# Web demo crashes upon selecting "Custom HTML" interface

**URL:** <https://support.prodi.gy/t/web-demo-crashes-upon-selecting-custom-html-interface/2414>\
**Category:** Uncategorized\
**Tags:** docs, done\
**Created:** [January 10, 2020, 7:14pm UTC](https://support.prodi.gy/t/web-demo-crashes-upon-selecting-custom-html-interface/2414 "2020-01-10T19:14:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidefiocco](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/davidefiocco/32/376_2.png) [@davidefiocco](https://support.prodi.gy/u/davidefiocco)\
**Post date:** [January 10, 2020, 7:14pm UTC](https://support.prodi.gy/t/web-demo-crashes-upon-selecting-custom-html-interface/2414/1 "2020-01-10T19:14:29Z")

</div>

Steps to reproduce:

- Visit [https://prodi.gy/demo](https://prodi.gy/demo)
- In the INTERFACE drop down, select "Custom HTML"

I'm not sure what the expected behavior of this is, but the demo currently crashes and will not recover upon selecting a different INTERFACE from the drop down:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/prodigy/original/2X/6/6e8afa5559a5fcc5e978eba1fa609818c6d64484.png)

The demo is currently at version 1.9.0 at the time of writing.  
However, it suffices to reload the page to restore normal behavior.

---

<div class="post-metadata">

**Author:** ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)\
**Post date:** [January 14, 2020, 1:02pm UTC](https://support.prodi.gy/t/web-demo-crashes-upon-selecting-custom-html-interface/2414/2 "2020-01-14T13:02:03Z")

</div>

Thanks, looks like this was a problem with the new site setup / demo server! Fixed it and the HTML example should now work as expected again 🙂

---

<div class="post-metadata">

**Author:** ![DROMZEE](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/dromzee/32/1530_2.png) [@DROMZEE](https://support.prodi.gy/u/DROMZEE)\
**Post date:** [July 29, 2020, 3:41pm UTC](https://support.prodi.gy/t/web-demo-crashes-upon-selecting-custom-html-interface/2414/3 "2020-07-29T15:41:24Z")

</div>

This demo is very interesting 👏

Is the code (js, html, recipe.py) published?

I want to change it to add a user interface language selection

---

<div class="post-metadata">

**Author:** ![ines](https://sea2.discourse-cdn.com/flex020/user_avatar/support.prodi.gy/ines/32/3_2.png) [@ines](https://support.prodi.gy/u/ines)\
**Post date:** [July 29, 2020, 4:22pm UTC](https://support.prodi.gy/t/web-demo-crashes-upon-selecting-custom-html-interface/2414/4 "2020-07-29T16:22:21Z")

</div>

Glad you like the demo 😊

> [@DROMZEE](#):
>
> I want to change it to add a user interface language selection

The live demo is just a demo and it doesn't actually run a recipe – it just serves static content from custom, pre-defined API endpoints. It also adds the dropdowns that just discard everything and reload the app, which is nice for a demo, but doesn't really make much sense in a "real world" application. I'm explaining a bit more about this here:

> [@live demo like user interface](https://support.prodi.gy/t/live-demo-like-user-interface/1039/2):
>
> Hi! Here are two threads where I explain a few more details on why Prodigy is designed to use separate processes for different tasks and why switching between different streams and interfaces in the browser like that only really works for a demo: [https://support.prodi.gy/t/multiple-recipes-same-port/933/2](https://support.prodi.gy/t/multiple-recipes-same-port/933/2) That said, if you're mostly interested in having a quick way to start a different task from the browser without having to go back to the command line, you could write a mini app that lets t…

The UI language is typically set in the config on startup so there's not really a built-in way to change it at runtime, although it could be possible. (I haven't tried this yet, but one option would be to update the config of the current annotation task to overwrite it on a per-task basis – like: `window.prodigy.update({ config: { ui_lang: 'fr' }})`. But now sure how that behaves, it might switch back when the next task is loaded.)
