How can I edit facilitator.html

Hi,
I created the initial UI using Interface Builder and now editing as needed from the interface.
I want to add another tab in the facilitator’s UI and it doesn’t let me edit the facilitator.html

How can I achieve that?

thank You

Hi Kenil,

If you want to add additional menu items for the Facilitator, click “Pages” then go to “Navigation Settings”. There you will be able to add new menu items for the facilitator.

If you’d like to be able to edit facilitator.html, you may edit this from the Project page, click interface and click “facilitator.html”. Note that you’ll want to back up any changes you make as in some cases this may be overwritten by the interface builder if you go back to that.

Hi Will,

For some reason, it doesn’t allow me to edit the “facilitator.html” page in the “interface” tab. Can you please help me look into the issue?

Thank You.

Regards,
Kenil Patel

Hi Kenil,

Apologies for the delay in responding.

Two questions
(a) What is the URL for your simulation? Let us know and we’ll take a quick look.

(b) What specifically happens when yo try to edit the file? You should be able to click “Interface” on the project home page. Select “facilitator.html” and then click “edit”.

WILL

Hi Will,

  1. https://forio.com/app/asu/choco-moco
  2. Clicking on the “edit” makes the page unresponsive and won’t let me edit anything. Check the screenshot below. Clicking on wait and lets me edit the code. But then clicking on save could not only save the changes but also sign me out of the epicenter.

Hi Kenil,

The issue is that you have a giant file, too big to be edited by Epicenter.

You can update that file with sftp. Use WinScp (on Windows) or FileZilla (Mac) for example. port 9043.

The reason the file is so big is you have a giant CSS file inline in the HTML. I recommend taking that out and putting it in an external css file and linking to it.

You are already doing that in index.html

<link href="css/sim.css" rel="stylesheet">