In browser editor
To make prototyping and simple tweaks easier, the Rapid Portal has an in browser editor. In production, this functionality should be turned off and only enabled if and when changes need to be made (rarely).
In your browser, on your new Rapid Portal go to
This in browser editor allows you to change any of the Rapid Portal's files directly, save those changes, and see the changes live.
Clicking on “Enter a file path and name to edit” shows the list of files.
Important files below:
/login.mako- Login page
/index.html- Main Application page showing embedded Tableau dashboards
/css/style.css- Cascading Style Sheet for images, logos, colors, etc. Controls styling for both the Login and Index pages.
You can edit any of the files and press CTRL+S or click the pink SAVE button to save. After saving, navigate to the page you edited and refresh your browser. You should see the changes reflected live.
HELPFUL TIP: It is best practice to create new files and edit those while testing changes rather than overwriting the main pages directly.
Create new files
You can create a new file by typing a filename and pressing enter or clicking the black arrow.
/css/styles.css file is your one stop shop for branding the Rapid Portal.
You can customize anything, but we have simplified the pieces that are necessary and consolidated them at the top.
HELPFUL TIP: Split your screen so you can edit and save in the editor and then refresh the live page.