Design application screen
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.
Toolbox
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.
Layouts
Allows you to add additional layouts or modify the existing ones.
Pages
Lists all pages in the application. Check Working with pages for further details.
Design canvas
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.
Toolbar
The toolbar allows you to run the application, add a data source, enable and configure security, deploy or change the application settings.
Output pane
Displays the output of the application build and runtime diagnostics and or exceptions.
Property grid
The property grid has three tabs.
Properties
Lists the behavior related properties of the selected component. Allows you to data-bind them to page properties.
Style
Visual related properties - font size, padding, margin, border et. al.
Events
Handle the events that a component triggers from here. More info available in the Event handling article (Blazor, Angular).
Outline
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.