Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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.pngImage Addedimage-20241009-125449.pngImage Added

    image-20241009-125651.pngImage Added

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

    image-20241009-130344.pngImage Added

  6. Undo/Redo Buttons: It allowsto 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

Refresh

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

Save

Saves Allows to save the changes made to the layout.

Run

Runs Allows to run the layout and displays a preview.

Rerun

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

Save & Run

Saves Allows to save the layout and immediately runs 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

New

Creates Allows to create a new layout.

Delete

Deletes Allows to delete the current layout.

Save As

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

Config

Allows users to configure settings for the entire layout.

Publish

Publishes 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 projects 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 , and customize components to create a tailored user experiencecustomize UI.

...

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

...