widgets drag and drop--- properties----generatedcode----copy code
in widgets red square means remove/delete widget blue for resize
Visual designer UI for CSHTML files
Bootstrap 5 layout and form components
Live code generation panel
Drag-and-drop support for:
Labels
Textboxes
Textareas
DateTime pickers
-progress bar
-navbar /menubar
-model
-number text
-select / dropdownbox/combo box
-radio button /option
-checkbox /tick button
-file upload
-rangebutton
-color picker
-etc alot of improvements needed.... thanks for 50+ downloads
Responsive layout
Ideal for rapid ASP.NET Core Razor Page development
bootstrap 5 classes applied automatically... you can also add by right side properties
scroll down to see code there generated code...copy code button is there
WHEN YOU PASTE THE CODE AUTOMATICALLY INDENTATION DONE IN VS CODE(PROPER SPACING IN CODE)
📦 Installation
Clone or download this repository.
Open it in Visual Studio Code.
Press F5 to launch the extension in an Extension Development Host window.
Open a .cshtml file or run the command from Command Palette.
🚀 Usage
Press Ctrl+Shift+P
cshtml Designer :Show .net cshtml visual designer
Type Show .NET CSHTML Visual Designer
A new panel will open with the visual UI
Design your layout using drag-and-drop widgets
Copy the generated HTML/C# Razor code from the bottom panel
🛠 Extension Settings
No settings currently required.
cshtml Designer :Show .net cshtml visual designer
🔧 Command
Command ID
Description
dotnetdesigner.showDesigner
Opens the Visual Designer Panel
if some functionality stuck just refresh it will work without losing current work.