Navigation Bar and Canvas

Owned by Content Writers
Last updated: Oct 09, 2024
3 min read

Navigation Bar

The Navigation Bar in noKodr serves as the primary interface for accessing various layout controls. It enables users to efficiently navigate through layouts and preview them on different devices.

Key functionalities of the Navigation Bar include:

nav bar.png
Navigation Bar

  1. Layout Menu: Here, users can view the name of the currently opened layout and easily switch between multiple layouts within the application.

  2. Back Button: It assists to navigate back to the layout manager with a single click.

  3. Help Button: It provides access to documentation, and support resources for assistance.

  4. Hamburger Icon: It allows to collapse or expand side panels for a streamlined view.

  5. View Modes: It helps to toggle between tablet, mobile, and desktop views to preview layouts across different devices.

    Below is the form images which shows the different view modes.

    image-20241009-125348.png
    Desktop View Mode

    After navigating to save and run button you can avail this option as well.

  6. Undo/Redo Buttons: It allows to quickly undo or redo recent actions.

  7. Control Buttons: It includes Refresh, Save, Run, Rerun, and Save & Run for managing your layout.

Button Name

Description

Button Name

Description

Refresh

Allows to refresh the canvas to reflect the most current changes.

Save

Allows to save the changes made to the layout.

Run

Allows to run the layout and displays a preview.

Rerun

Allows to quickly run the layout using cached inputs for faster execution.

Save & Run

Allows to save the layout and immediately run it to display the changes.

Action Buttons: Access additional actions such as New, Delete, Save As, Config, and Publish for comprehensive control over your projects.

Action Name

Description

Action Name

Description

New

Allows to create a new layout.

Delete

Allows to delete the current layout.

Save As

Allows to create a copy or clone of the current layout.

Config

Allows users to configure settings for the entire layout.

Publish

Allows to publish the layout to make it visible on Lightning pages.

These features within the Navigation Bar provide users with all the necessary tools to efficiently manage and navigate their layout within noKodr.

Canvas

The Canvas is the workspace where users design and arrange their layout. It serves as the visual interface for placing and configuring components, such as fields, sections, charts, and more. The Canvas provides a real-time preview of how the layout will appear, allowing users to drag-n-drop components to customize UI.

It is central to the layout creation process, offering a dynamic and user-friendly environment for building and refining custom salesforce pages.

Â