Recommend graphic tool to edit EF CSHTML web pages?

Dean Bourgeois
Dean Bourgeois used Ask the Experts™
on
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!

Dean
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Chinmay PatelChief Technology Ninja
Distinguished Expert 2018

Commented:
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.

Regards,
Chinmay.
ǩa̹̼͍̓̂ͪͤͭ̓u͈̳̟͕̬ͩ͂̌͌̾̀ͪf̭̤͉̅̋͛͂̓͛̈m̩̘̱̃e͙̳͊̑̂ͦ̌ͯ̚d͋̋ͧ̑ͯ͛̉Glanced up at my screen and thought I had coded the Matrix...  Turns out, I just fell asleep on the keyboard.
Most Valuable Expert 2011
Top Expert 2015

Commented:
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

Commented:
Hi Dean;

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

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial