Main Points

This is our first major ASP.NET implementation. And it's being delayed by the artistic people. ;) We already have all the code put together. It's even up and running, driving the contact form for a different site. And although the email message our webform generates will read a little differently, that's a comparatively minor problem. Communicating and sending the email message with the server is all worked out. So why isn't there a contact form somewhere on this page?

Actually you will now notice that since we rebuilt the site in master pages, there is a contact form. It's built into the master page so that it appears on every page. Unfortunately, it makes the last paragraph obsolete. Life moves on. ;)

[chroniclemaster1, 2008/11/07]

Initial Form Aesthetics (1-2)

The creative department is still hammering out the webform. All the sophisticated ASP.NET 2.0 technology is in place and begging to be put in. But the XHTML and CSS, along with all the design decisions that go into creating the form on the webpage haven't been hammered out yet. More on that below.

  1. The location of the contact form is one major issue. There's an awful lot of stuff right up at the top of the page. We'd like it to have high visibility, but once the bread crumb navigation is up and running, that's going to be a lot of controls on very little real estate. There seems like there should be at least SOME content when you first open the page. Something that the visitor can start reading. Right now, we'd be pushing it if we added a contact form as a bar across the top. We might be able to do it at the bottom though this is a little more out of the way. Another option is to locate it immediately below the Main Points box. We're still playing around with it.
    [chroniclemaster1, 2007/07/08]
  2. Still nothing settled on location. But we are going to want some kind of image to go with the contact form. The contact form is a key part of the site's interactivity, so the feeling is that the form itself should be interactive. To what extent is still under debate. Should there be a rollover image? Should the images swap on click? Should interacting with the image trigger the pretty version, or should the feedback links be the only thing to trigger it. However, there is one thing that is finally settled after a couple weeks of intermittent designing (you know along with all the revising and posting website, little things like that). Here are the images, and just to demo, check it out as a rollover image. The alt text, obviously, states simply "Contact Us!"
    [chroniclemaster1, 2007/07/08]

    Contact Us!
  3. Here's our first go at the XHTML structure for the contact bar. I want to fit it underneath the navbar. There's too much contradictory CSS however, it is not well behaved trying to make things line up aesthetically.
  4. ContactFormTest01IncompatibleUnits.aspx - This is the first webform that we put together. We were trying to incorporate them into the site wide navbar. As you can see the navbar overlaps the contact bar, especially in IE, and the page links hide behind the page info section. A lot of styling left to do.
    [chroniclemaster1, 2007/07/22]
  5. ContactFormTest02BottomOverlaps.aspx - This was the closest approach that we achieved to build the contact form below the site wide navbar. Maybe we'll have to come back to this, but hopefully not.
    [chroniclemaster1, 2007/07/22]

Real Form Building (3-5)

Once we get this up and running, we also need to increase the security a little bit. Well, we probably don't NEED to, but it's good best practices in any case. Besides, in most web applications, security is a much more important issue than it is for us, and this IS Earth Chronicle. If anyone should know, we should.

[chroniclemaster1, 2007/07/08]
  1. ContactFormTest03SemanticXHTML.aspx - Version three let us work out most of the form elements in the navbar, so we spit and polished the XHTML in this version until it was semantically shiny. Looks like I kept right on working and developing, huh? You'd never know that my monitor blew out last night would you? Well, except for me telling you, of course. Pretty cool. We had sparks flying (like the 4th of July!), that extra crispy burnt electronics smell, and everything. So this version of the contact form, we dedicate to craigslist and the used $20 monitor that we are now using. :) Thanks!
    [chroniclemaster1, 2007/07/23]
  2. ContactFormTest04Footer.aspx - Version four finally got a nice looking, accessible, browser compatible version up and running. Now we just have to get it up on the website and test it for real with VB code behind.
    [chroniclemaster1, 2007/07/31]
  3. ContactFormTest05EmailTuning.aspx - Setting up the email message. Here is your first look at the VB code behind that controls the functionality of the contact form after the button is clicked.
    [chroniclemaster1, 2007/08/07]

C# Form (6)

This is our first work in C#. It required only light programming, but this was our first foray into C#. It was an excellent project to start with. All of our expertise had been in VB.NET, and much of the programming was using objects from the .NET class libraries. Those lines required little if any modification, and the subtle changes that were necessary gave us an excellent introduction to C# syntax.

  1. ContactFormTest06CSharp.aspx - Setting up the email message in C#. Here is the code behind rewritten in today's latest .NET language to control the functionality of the contact form.
    [chroniclemaster1, 2007/08/20]