We help IT Professionals succeed at work.

Recommend graphic tool to edit EF CSHTML web pages?

Hello, and thank you for your assistance!

I would like a graphical design interface to edit and dress up some web pages that I will create using Microsoft C# MVC Code First migrations, which create CSHTML files with Razor code within them.  Is there a tool that will let me drag & drop, etc., move things around visually and let the tool change the file as I design it?  And if there are several, which one or ones are the easiest to learn & use?  I am also in a time crunch with this project.  

Many thanks!

Watch Question

Chinmay PatelChief Technology Ninja
Distinguished Expert 2019

Hi Dean,

I do not think there is any visual designer that can fit this bill. I personally use Visual Studio but then whenever there is a Code First migration, there is a headache associated with it which I try to minimize by defining site wide structure in layout files, dynamics layouts in partial views and for the scaffolded views, I tend to modify files at: C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\Extensions\Microsoft\Web\Mvc\Scaffolding\Templates and change them per project.
Based on your Visual Studio version 14.0 will be a different number.

I still do not get to see a visual editor but that I compensate with running a browser side by side(as long as you are changing just the views, you don't have to restart the entire project after every change).

PS: Do not forget to take backups of these files before you start modifying/experimenting with them.

Most Valuable Expert 2011
Top Expert 2015

I agree with Chinmay:  I don't believe there is a WYSIWYG editor for Razor code.

If you're not afraid of a little HTML and CSS, then I'd suggest trying out Bootstrap. It's fairly easy to move things around once you get the hang of Bootstrap's grid system. The grid system allows for nested grids as well, which will allow you have fairly fine-grained control over you layout, as well as giving you mobile-friendly design out of the box. Bootstrap actually comes packaged into the MVC project template by default. I understand you're under a time crunch, so learning Bootstrap might not be feasible.
Fernando SotoRetired
Distinguished Expert 2017

Hi Dean;

Sorry but as @Chinmay stated above there is no visual designer available that supports CSHTML files with Razor.