Calendar for ASP.NET MVC 3 website - asp.net

I have database with events and now need to show it by month on site.
Can you suggest any free components with customizable styles to resolve the issue?

There are so many projects available on codeproject for this purpose. The one i found more customizable is this
http://www.codeproject.com/Articles/360837/ASP-NET-MVC3-Create-a-custom-calendar-datepicker
another suggestion if you wanna make it AJAX based
http://www.codeproject.com/Articles/321268/DatePickerBasedEventCalendarMVC3andAJAX
another project which is latest
http://www.codeproject.com/Articles/404647/AJAX-Event-Calendar-Scheduler-for-ASP-NET-MVC-3-in
feel free to choose use whichever fits to your UX requirements.

The following article shows you how to use an HTML 5 calendar with a jQuery UI datepicker as a fallback for un-supporting browsers.
http://www.asp.net/mvc/tutorials/javascript/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc/using-the-html5-and-jquery-ui-datepicker-popup-calendar-with-aspnet-mvc-part-1

Related

Asp.Net - how to build and customize a calendar?

I was commissioned to build the following:
Web app to be accessed by all mobile devices - so no Flash/SilverLight/HTML5...
Main page will contain a calendar of current month (ability to navigate to other months is not required)
Each day should display one or more jobs (I am thinking 2 lines of text for each job), and each of these jobs may have a different color, depending on the time.
Database is SQL Server, hosted on GoDaddy, on the same hosting account as the page will live.
I am a newbie in web development and I would like to get some guidance of the best/easiest approach to implement this. Since I am a .Net Windows developer ASP.Net (or MVC) would be the preferred technology (unless you recommend a different one for this problem). I would really appreciate specific help on things like what control to use? Should I create a grid/table manually? How to customize each day's content, so it shows multiple jobs, each job being a couple of lines of text, but with specific color according to the job type?
(in WPF I would use templates, converters for color and everything data-bound. Do these things exist in Asp.Net?)
Thank you so much for your help!
Those links might help you:
Some javascript/JQuery calendar: http://www.webdesignbooth.com/9-useful-jquery-calendar-and-date-picker-plugins-for-web-designers/
A databound templated calendar control for Asp.Net: http://www.codeproject.com/KB/webforms/MellDataCalendar.aspx
You might look at jquery UI calendar or Telerik extension for MVC. It's not "fancy" but javascript.

ASP.NET Timeline control

I have looked over other questions on this website, but am yet to find a solution that meets our requirements.
We need a Timeline control that makes it possible to display some HR information (distribution of consultants) over longer periods of time (months). The screenshot below illustrates the requirement.
We currently use a Windows-based component from a third party. We need this application to be visible on the web, including display on iPad devices. Are there any controls on the market that support this functionality?
I haven't explored many of the options yet, but I'm working on an application that uses DayPilot Lite (the open source version) from http://www.daypilot.org/ to display a calendar. The scheduler control looks like it could do something like what you're looking for.
maybe Telerik Scheduler
http://demos.telerik.com/aspnet-ajax/scheduler/examples/timelineview/defaultcs.aspx
Here's one from codeplex that might work...
http://timelinenet.codeplex.com/releases/view/11981
There's also the "viewer" approach you could take -- for example, you could put a view of Visio or MS Project, etc. in a window on your page. Not sure how interactive it would be, but if your need is just for view-only, it might work.
http://www.codeproject.com/KB/applications/ASPNETVisioCustomControl.aspx
Have you looked at Google Charts? Specifically you could, perhaps, use their Annotated Timeline.
Google charts have some serious issues if any asp.net project is deployed in IIS.

Is there something equivalent to PrimeFaces for ASP.NET?

I'm being a ASP.NET developer over years but recently I started to work with some PrimeFaces solutions with JSF 2.0. I haven't nothing to complain about it.
It is worth emphasizing a few points that did ​​me likes the PrimeFaces: many components, easy to use, fully based on jQuery and jQuery UI (which are very important to me) and very focused on web standards (even more important to me).
But there are some cases that I would really want my server-side with ASP.NET. I don't want to start a discussion here about advantages between JSP and ASP.NET, both has many motives to be used.
Well, the standard ASP.NET components aren't jQuery based, aren't themable with jQuery UI Themes, aren't fully based on web standards (a big problem) and the variability is much more simple (there aren't Carousel, Accordion, Captcha, Slider, Spinner, etc, etc, etc).
EDIT
Continuing the saga, the #Raynos answers inspired me to study lighter possibilities, like the suggested manos. But I really would like something a little more automated, at least in the HTML generation for common controls. Someone known working CRUD samples for manos or additional modules supporting this task?
Recalling that the main question is still open anyway: Do you know any UI Framework for ASP.NET based on the same ideas of PrimeFaces, prefered open-source like it is?
I suppose we cannot answer your question with something simple. As showed by other answers, unfortunately we don't have in ASP.NET any UI framework fully web standards based.
You surelly have that choice about not using ASP.NET but another .NET Framework based engine. I really think that ASP.NET MVC would be the more closest to JSF and so to PrimeFaces. But it haven't a large set of builtin controls based on jQuery as you liked on PrimeFaces. Also, if you only used up to now the vanilla ASP.NET, the MVC concept can be very confusing to start through a professional project.
It may be safer to continue with your technology knowledge while learning something totally new. Even so I don't indicate manos to your project, although it shows to be very light and stable. Furthermore, with it you would need to "recreate the wheel" for many tasks that ASP.NET knows to do well within the standards and such.
Based on these arguments, it seems that in your case you (or your team) is so familiar with ASP.NET that your immediate need is to use good tools to improve the shortcomings of ASP.NET on HTML5, web standards and themes. Then you don't need to change everything you knows right now, just improve what you already know (and of course we recommend that you consider these other approaches gradually).
So let a few helpful hints for you:
First read about and download a sample of a good architecture using HTML5, jQuery and jQuery UI. This post covers all those technologies and have the full source code to download.
Also have in mind that you don't need start your project from scratch. There is the great HTML5 BoilerPlate which comes with dozens of good pratices (and a nice Web.config created with many nice ideas). Important note that it's also based on jQuery as you want.
Maybe you already have some incredible themes created for PrimeFaces and you would like to use on your ASP.NET projet. Then remember: to take advantage of the jQuery UI Themes you just needs using class names and DOM hierarchy. If your PrimeFaces Complex DataTable gerenates an incredible HTML which is so beautifull with your CSS, just use the same generated HTML inside a UserControl so you can reuse it around all yours pages without needing rewriting all the HTML.
Also remember that PrimeFaces is opensource and because of it you always can open the sources, read the jQuery codes and reuse what you really think are perfect for you.
Then, finally, there are many tools and approaches to support you enjoy what you've done with PrimeFaces and also enjoy your existing knowledge in ASP.NET. Unfortunately we don't have done something like this to ASP.NET, but maybe what you'll do will be so good that you can publish opensource for everyone?
PrimeFaces for ASP.NET is announced. http://blog.primefaces.org/?p=2128
Sounds like you need ASP.Net MVC instead of ASP.Net Web Forms, this gives you much more control.
You have the asp.net mvc html helpers toolkit, see: http://weblogs.asp.net/gunnarpeipman/archive/2010/08/16/asp-net-mvc-meets-html5.aspx
I'm not aware of great open-source .NET integrated UIs, but Telerik RadControls are themeable (sp?), standards compliant, integrated with ASP.NET, and built with jQuery. They are really great if you have a few hundred dollars to burn.
Otherwise, AjaxControlToolkit is integrated with ASP.NET and open source but I'm not crazy about it. It's not based on jQuery but I think it is standards compliant.
Sadly, the open source communities tend to shy away from .NET (and Microsoft in general).
PrimeFaces For .NET Cancelled
PrimeFaces for ASP.NET WebForms project has been cancelled after two releases and as PrimeTek we have decided not to do further investments. Instead of .NET, our secondary focus will be PrimeUI who is very close to 1.0 release already and can be used with any web framework.
You can check out the PrimeUI library which is:
a collection of rich javascript widgets based on jQuery UI. PrimeUI is a spin-off from the popular JavaServer Faces Component Suite, PrimeFaces.

Webform generator?

just wondering is there any free tool which can aid in making the GUI/interface layout of asp.net/html forms ? My forms mostly end up in being less user friendly and not good looking at all.
I have been using Bootstrap framework to get my design up to speed in no time. You can use this tool to get forms created in minutes. http://bootsnipp.com/forms?version=3
Why don't you try downloading the Firefox Web Developer Toolbar and use it to reverse-engineer some simple, good looking sites that you come across?
https://addons.mozilla.org/en-US/firefox/addon/61772/
You can use it to grab the entire CSS of any site, or hover over areas of a page and see the various divs and their associated CSS rules highlighted.

AJAX form editing and design

I want to build into mt ASP.NET application the ability for users to fill up forms, but the forms are not something I can hard-code into my (Enterprise) software.
So I need one screen that lets end users create the forms. Doing it the 2.0 way, I just love what PollDaddy did in their survey editor (great job guys!). How do I replicate that? (don't worry pollDaddy, my app has nothing to do with survey and I am not at all in your domain (-: )
Since you need to login to the site to play with it, I made a 20 sec video of how it looks like. Please see below and tell me how to best replicate this (as simple as using JQuery tip? use an entire open source project? Buy something?)
Requirements are:
support multiple types of elements (like multiple choice, free text, comboBox)
drag and drop
editing of order
click image for video or here
http://frame.revver.com/frame/120x90/1376799.jpg
The AJAX control toolkit is free and would work for some of this items shown in the video. However, JQuery has tons of plugins it is easy to extend and even easier to use. I would suggest starting there and extending it where needed.
Good Luck
You could build it yourself using an AJAX framework like ASP.NET AJAX or even telerik controls. You could use jQuery but ASP.NET AJAX is free and embeds well with ASP.NET pages. You could buy something, but I've yet to encounter packages as such.

Resources