C# Discussion Boards - CodeProject

Hi Everyone, I'm not sure if this is the right forum to ask this question but here goes. I am attempting to create a desktop app that will enable a user to create web pages by dragging and dropping various components onto the design space in Visual Studio. The user can open an existing web page or create a new one by entering its dimensions, giving it a name, and then clicking the Save button to save it. This will create an HTML file and a cascading style sheet for the new web page. The user can then drag and drop various shapes, colors, images etc. onto the design space.

I want to be able to enter any number between 1 and 1440 pixel for the width of the web page but the size of the design space in Visual Studio has a limit that is a lot smaller than 1440. Essentially I want to be able to see the web page in the design space as it would appear when it's opened in a browser. I've thought of using the web browser control but I don't think it will allow me to do what I have mentioned. Any suggestions will be greatly appreciated, thanks in advance.

modified 5-Feb-13 12:05pm.

This is going to be hard. If you just want WYSIWYG design, then the built in design surface is going to be your best bet (well, that and running the app and viewing in the browser).

AFAICT the VS design surface is only limited to your monitor width: I just stretched VS2012 across three monitors @1920px each. I don't remember if earlier versions of VS have such a limitation (VS2010 doesn't IIRC).

As I see it, if you want a drag'n'drop design surface the alternative is to pretty much hand-roll your own control which would, in effect, be like writing your own browser plus all the drag'n'drop/html generation code.

Sorry I can't be more positive, hopefully someone will have done something similar and will have an easier solution.

Sort of a cross between Lawrence of Arabia and Dilbert.[^]
-Or-
A Dead ringer for Kate Winslett[^]

Hi Keith, thanks for replying. I was able to create an HTML doc and a cascading style sheet using Textwriter. I am using 2008 and I noticed that I cannot stretch the design surface. It would be neat if I can some how make everything shrink down automatically like when you work on a large image in Photoshop. If I can choose the percentage by which to shrink the web page while in design mode it would solve my problem.