- How the daily calendar works
- What it is
- Functionality
- Additional Changes Made
- Applications used
- Image
- Link
When the user is in the daily calendar, the current day is displayed, which is the following; the day, the time and what time zone the user is in. The user can scroll to the specific time block they want to schedule their event and then type within that timebox. After clicking the lock button on the far right side, the event will then be stored in local storage. After refreshing the page, the saved events will persist. However, in order to clear the calendar, the user can use the 'reset daily calendar' key at the top of the page, to clear the calendar of event.
This is a dynamic work day calendar, which shows you color coded time blocks to make it easy to navigate the tasks set for that day, with working hours of 8AM - 5:00PM. The program used bootstrap, making the style of the calendar clean and easy to read.
Within the html file, I added a class of 'time' to the div within the row timeblock, so I could style out that section and seperate the time from the textarea - at least make it stand out more! In the css I took the class of time and added background color of #ffffff, made the font a little larger, aligned the text and added a margin.
- Jquery
- css
- Bootstrap
- Ajax
