Fileslink

Radzen Blazor Studio displays all your project files in a tree view. To edit a file, find it in the list and click to open it in the editor.

Edit Modeslink

You can edit a file in three modes: Design, Split, and Source.

• Design mode is available for .razor and .cs files.
• Split and Source modes let you edit the raw source code.

Design Modeslink

Radzen Blazor Studio includes three design modes that help you work with different parts of your app.

UI Design Modelink

Available only for .razor files (except App.razor and _Imports.razor).

This mode provides a visual WYSIWYG designer where you can add, remove, and configure Blazor components and HTML elements.

See the Work with Components article for more details.

Data Design Modelink

Lists all properties and fields in the current file.

This mode is supported for:

• .razor files that include a @code {} section
• .cs files

You can add properties and fields, inject services, or mark a property as a [Parameter].

Learn more in the Properties and Fields article.

Methods Design Modelink

Shows all methods in the current .cs or .razor file (if it has a @code {} section).

Here, you can add statements, control flow logic, method calls, or work with Radzen.Blazor components and services.

Radzen Blazor Studio automatically switches to Methods mode when you create or edit an event handler.

See the Methods and Statements article for more info.