Getting Started

Getting Started

Installation

Your First Flow

UI Flow Editor

Triggers

Action Steps

Community

Community version

Troubleshooting

Roadmap

Releases

What is byld.dev


byld.dev is an add-on for Microsoft PowerApps model-driven apps, providing enhanced capabilities for a wide range of users, including beginners, low-code developers, and experts. With byld.dev, you can easily incorporate intricate logic into your model-driven applications within minutes, eliminating the need to acquire coding skills or write code. Utilize the intuitive flow UI to effortlessly construct client-side logic and streamline your application development process.

Getting Familiar with the Interface


After completing the installation and creating your flow, you will see your byld.dev flow in a layout that looks like this:

Example of the UI Flow Editor’s layout

Example of the UI Flow Editor’s layout

  1. Trigger: A trigger is an event or action that sets off your flow. It is automatically displayed whenever you create a new flow, and it cannot be deleted.
  2. The $\color{#4CB7C3}+$ button: Allows you to add actions to your flow.

Adding actions to the flow

Adding actions to the flow

  1. Action Steps: Actions refer to a set of tasks that must be completed in order to achieve a particular goal or to control the display or behavior of the form and its fields.

Duplicate or delete a step

Duplicate or delete a step

To duplicate or delete an action step, hover your mouse over it, and these two icons will appear.

<aside> 💡 Tip: Drag and drop an action to change its location in your flow.

</aside>

  1. View Control Toolbar

    1. Use the Zoom In and Zoom Out buttons to magnify or decrease the size of the content displayed on the screen.

    2. Use the Fit View button to zoom out and adjust the magnification of the view.

    3. The Lock View button makes the flow read-only to prevent accidental edits or changes.

      <aside> ℹ️ Note: This feature is especially useful for collaborative work, and when there is a need to maintain the integrity and accuracy of the information.

      </aside>

  2. Overview of your flowchart.

  3. Edit Menu

    1. Help: This button gives you access to the documentation to help you make the best of byld.dev.
    2. Undo Last Action: Cancels modifications made to the flow.
    3. Redo Last Action: Reapplies modifications that were canceled.
    4. Save & Close: Saves the flow and closes the window.

Resources to Help You Get Started Using byld.dev


Video Tutorials

The byld.dev YouTube channel includes video demonstrations that present many of the features available in byld.dev and show you how to complete specific tasks or how to use the various action steps.

Go to the Getting started with byld tutorial video to learn more.

Go to the byld.dev Youtube channel to see the list of video tutorials.

Byld.dev documentation

The byld.dev documentation includes sections and pages to provide you with a variety of information. You can search through the documentation using the Ctrl + F keyboard shortcut on your current page, or you can navigate through the table of contents on the left side of your screen.

Other Resources

The following list includes links to various other resources that will help you get started using the features of byld.dev:


Next →

Install byld.dev

On this page