.NET CSHTML Visual Designer

✨ Features

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

1. Clone or download this repository.
2. Open it in Visual Studio Code.
3. Press F5 to launch the extension in an Extension Development Host window.
4. Open a .cshtml file or run the command from Command Palette.

🚀 Usage

1. Press Ctrl+Shift+P

cshtml Designer :Show .net cshtml visual designer

2. Type Show .NET CSHTML Visual Designer
3. A new panel will open with the visual UI
4. Design your layout using drag-and-drop widgets
5. 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

if some functionality stuck just refresh it will work without losing current work.