CSS: Javascript code out there that could draw form squares to copy to a real form?
- by Dr. Zim
I end up doing a lot of this to draw forms in boxes. This does an address block:
position: absolute;top: .2em; left: .2em; width: 2.4em;height: 1.2em;
position: absolute;top: .2em; left: 3em; width: 12.4em; height: 1.2em;
position: absolute;top: 1.7em; left: 3em; width: 12.4em;height: 1.2em;
position: absolute;top: 3.2em; left: 3em; width: 12.4em;height: 1.2em;
position: absolute;top: 4.7em; left: 3em; width: 12.4em;height: 1.2em;
position: absolute;top: 6.2em; left: 3em; width: 7.6em; height: 1.2em;
position: absolute;top: 6.2em; left: 10.9em; width: 1.6em; height: 1.2em;
position: absolute;top: 6.2em; left: 12.8em; width: 2.5em; height: 1.2em;
position: absolute;top: 7.7em; left: 3em; width: 7.6em;height: 1.2em;
position: absolute;top: 9.2em; left: 3em; width: 7.6em;height: 1.2em;
position: absolute;top: 10.7em; left: 3em; width: 1.2em;height: 1.2em;
position: absolute;top: 10.7em; left: 4.5em; width: 10.9em; height: 1.2em;
but what I really need is some Javascript that allows me to draw my forms on screen, then generate the CSS for my real ASP.NET MVC 2 partial views, allowing nudge and cell resizing with keystrokes. Anyone have any suggestions for something like this?