Intro
The Pro-code Editor helps you build high-value applications from within the Domo platform. This article describes how to create apps and control versions in the Pro-code Editor.- Access the Pro-code Editor
- Set up your workspace
- Upload files to your project
- Create an app
- Download an app
- Edit an app
Access the Pro-code Editor
You can access and create new apps in the Pro-code Editor through the Asset Library in your Domo instance. Follow the steps below to access the Pro-code Editor:- Open the Asset Library.
-
Select Pro-code Editor to open the Templates modal.
-
Choose a template to open the editor and set up your workspace.
Set Up Your Workspace
Dark Mode: The Pro-code Editor’s dark mode is on by default. Select the Domo logo dropdown > Disable dark mode to turn it off.
Hide/Show File Explorer and Preview the App
By default, the file explorer, editor, and preview all display on the screen. However, you can customize your work area using the
Hide file explorer and 
Hide preview controls.
Show/Hide preview control in the top navigation. You can resize the preview by dragging the inside border left and right.
Refresh to see your latest saved changes. 
Open in new window to interact with the preview in a new browser window. 
Show preview before it displays again within the editor. 
View Keyboard Shortcuts
Select Domo logo dropdown > Help > Keyboard shortcuts to view the Pro-code Editor’s available keyboard shortcuts.
Upload Files to Your Project
To add files from your machine to your app, select the Domo logo dropdown > Upload files.
Create an App
- Access the Pro-code Editor and choose a template. After you choose a template, the new app displays in the Asset Library.
- Set up your workspace and upload any files from your machine.
-
Add and edit code in the editor.
-
(Optional) In the file explorer, select New File to add a supported file to your project. The Pro-code Editor supports many file types. Usually, you’ll use CSS, JS, and HTML files.
-
After creating a new file, select it in the file explorer to open it in the editor. Double-click it to open it in a new tab and pin it. In the editor, unpinned tabs show in italics, while pinned tabs are unitalicized.
-
(Optional) Select New folder to add a folder to the file explorer. Drag files to place them in the folder. Hover over a file/folder to view and select options.
-
(Conditional) You can close tabs individually using the Close (x icon) option at the top of the tab. There are two options for closing multiple tabs at the same time: Close all tabs or Close all saved tabs.
Open the Action menu (horizontal triple dot icon) in the editor to use either option.
- Use one of the available options to save your app.
Save an App
Save your app using the following save options in the editor’s top navigation:- Save All — This is the default save option and saves all your changes to the app in the Asset Library.
- Create new version — This saves all your changes to a new app version. You can add release notes when saving.
- Save to existing version — If you have at least one saved version of the app, this saves your changes to an existing version. Saving changes to live versions immediately replaces the old app version and any associated cards.
- Save and create new card — This saves all your changes and creates a new app card. You are redirected to the app card on your system Overview page.
Move Between App Versions
The editor’s top navigation includes a version dropdown where you can move between available app versions. When opening the editor, the most recent version displays by default.
Download an App
Select the Domo logo dropdown > Download design to download the app code in a ZIP file.Edit an App
To edit your app, find it in the Asset Library and select it to view the Details page. If there is more than one version of the app, you can change versions to see that version’s information:
