Board Workspace

The main menu contains the DesignStudio Board and Forms Gallery options. For information about the main menu, see Gallery.

The Board menu contains the following options:

• New Board: Opens the Create Board Wizard that guides you through the process of creating a new board. See Build a Board Workflow.

• Clone Board: Creates and opens a copy of the current board. The current board is not affected. See Copy a Board.

• Rename Board: Modifies the board's name.

• Export Board: Exports the board. See Export a Board.

• Delete Board: Deletes the current board. All associated views and board resources are deleted from DesignStudio. A confirmation window appears before the board is deleted. See Delete a Board.

The File menu contains the following options:

• Save View: Saves the current view.

• Rename View: Renames the current view.

• Copy View: Copies the current view. See Copy a View.

• Delete View: Deletes the current view. A confirmation window appears before the view is deleted.

The Edit menu contains the following options:

• Undo: Resets the last action.

• Redo: Repeats the last action.

The View menu contains the following options:

• View Mode: Opens the corresponding workspace.

  • Design: Allows you to drag-and-drop components to design your board or form. This is the default page. See Board Design Mode.

  • Code: Allows you to design the board through HTML coding. See Code Mode.

  • Configure: Allows you to access the view settings. The view settings can be configured in WebEOC too, but have been included in DesignStudio for ease of use. For example, you can decide if the table is mobile ready, or you can lock the user or position view. You can also add view filters that determine the information that is visible on the corresponding view. See Configuration Mode for details.

• Preview Mode: Shows a preview of the board as it will appear on the device. The following previews are available:

  • Desktop

  • Tablet

  • Mobile

  • Mobile Landscape

    See Preview Boards on Multiple Devices.

• Details: Opens the board's Details page. See View Board Details, or Form Details Page.

• Hide/Show Explorer: Hides/shows the left pane. The Explorer is visible by default. After you change this setting, it remains in that state for future sessions. See Explorer.

• Hide/Show Components Tray: Hides/shows the Components tray. The tray is visible by default. After you change this setting, it remains in that state for future sessions. See Components Tray.

• Show History: Hides/shows the board's version history on the far right. See View History and Restore Versions.

• Code Theme Mode: Active in Code mode, sets the viewing preference to Light, Dark, or High-Contrast Black. See Code Mode.

• View Theme Mode: Active in Design mode, sets the viewing preference to Light or Dark, See Preview Boards in Light and Dark Modes for details.

• Hide/Show Grid Lines (Dashboard view only ); Hides/shows grid lines on the canvas.

• Grid Margin (Dashboard view only ): Determines how much of the grid is visible between the components. The following grid spacings are available:

  • No Margins

  • Default Margins

  • Large Margins

The Help menu contains the following options:

• View Help Documentation: Opens the DesignStudio Help Center in a new tab.

• Submit Feedback: Opens the Ideas Portal, where you can provide feedback to Juvare on ways to improve our products. Use your DesignStudio credentials to log in.

Icons that do the following actions.

• Design: Opens the Boards Workspace in Design mode.

• Code: Opens the Boards Workspace in Code mode.

• Mobile View Detected: Displays when you are viewing the canvas in a mobile view, which may affect some layout.

• Save: Saves your work.

• The Create menu displays a list of board elements that you can create.

• The Publish button allows you to publish the board. See Publish a Board.

The Explorer allows you to create and modify the board structure. The structure is the framework that includes views, resources, and tables.

The Explorer contains the following items.

• Views: Every board has an Input view and a Display view. In WebEOC, data is entered and updated in the Input view and displayed in the Display view. For more information, see Views.

• Resources: Resources, typically reserved for more advanced coders, allow you to use CSS, HTML, or JavaScript to style the views. You can also import other resources, such as images or documents. Resources must be imported into the views after they have been created. See Add a Resource to a Board.

• Tables: Tables offer information about the schema for a corresponding board. You can view the fields, along with the field type and length, but more importantly, you can determine if the board is form, static, or incident independent. See Configuration Mode.

The canvas on which you can drag components to create your board.