So I'm making a section of a web page for an "event management" system. The system works as follows:
- The Organizer Email field is an autocomplete. You start typing an email and it performs an AJAX call to search the DB.
- The event dropdown contains a list of all the event types. Once you click one it populates the "event information" subbox with information about the event such as it's name, duration, and description.
- When you click on a day in the calendar a list of all available time slots will be displayed for that day.
- Once you click a timeslot I'm thinking a modal will appear if you "Really want to schedule Joe Bob for the Cat event at Sunday 12/26/2015 9:00 PM?"
Here's an example of the layout I made thusfar. The entire thing just looks too "busy" and "off" for me and I can't wrap my head around why. Any ideas or suggestions?
This is the entire page with a navbar on top. It's all pretty simple.
A mockup of my HTML\CSS\Bootstrap can be found at http://www.bootply.com/WSjk7WKyaf