Design application screenlinkLink to this section

The Design application screen is where you will spend most time in Radzen. After all it allows you to design your application!

If you have used tools such as Visual Studio or Eclipse you will find the Design application screen familiar.

It has a design canvas, toolbox, property grid, toolbar and output pane.

ToolboxlinkLink to this section

The toolbox contains the built in blocks of every Radzen application - the UI components. Check Working with components to learn how to work with components.

LayoutslinkLink to this section

Allows you to add additional layouts or modify the existing ones.

PageslinkLink to this section

Lists all pages in the application. Check Working with pages for further details.

Design canvaslinkLink to this section

The design canvas displays a WYSIWYG (what you see is what you get) preview of your page. It also allows you to interact with the components - change their properties, move them around, remove them etc.

ToolbarlinkLink to this section

The toolbar allows you to run the application, add a data source, enable and configure security, deploy or change the application settings.

Output panelinkLink to this section

Displays the output of the application build and runtime diagnostics and or exceptions.

Property gridlinkLink to this section

The property grid has three tabs.

PropertieslinkLink to this section

Lists the behavior related properties of the selected component. Allows you to data-bind them to page properties.

StylelinkLink to this section

Visual related properties - font size, padding, margin, border et. al.

EventslinkLink to this section

Handle the events that a component triggers from here. More info available in the Event handling article (Blazor, Angular).

OutlinelinkLink to this section

Shows all components in the current page as a tree hierarchy. Allows you to quickly work with one or multiple components in a complex page.