Welcome to the Mobiscroll API Reference. You can find the most up to date information about usage and customization options here.
Having trouble? Ask for help.
Mobiscroll lets you easily create and customize touch friendly spinner/scroller controls.
Thanks to its architecture, the mobiscroll core provides the scrolling functionality and it can be used not just for date & time picking, but for rendering scrollable lists, selects, radiobutton lists, basically everything that lets you select a value.
Using Mobiscroll ASP.Net MVC Controls
What are the Mobiscroll ASP.Net MVC Controls?
Getting started with the ASP.Net Mvc integration
1. Download the Mobiscroll Mvc Controls library
Go to the mobiscroll download page, select the helper library and hit download.
2. Add a reference to the MobiscrollMVC.dll in you project
In the Microsoft Visual Studio go to Solution Explorer and open your project. Right click the References and hit Add Reference. Search for the MobiscrollMVC.dll you just downloaded and add it to the project.
3. Import the Mobiscroll Namespace in your views
The mobiscroll helpers are located in the mobicroll namespace, so you will have to import them. You can do this page by page, or you can do it all at once in your web.config.
Page by page
If you are using the classic ASPX rendering engine put the following line on the top of your view (ex. index.aspx)
<%@ Import Namespace="Mobiscroll" %>
If you are using the Razor rendering engine put the following line on the top of the view.
In your projects web.config file under the <system.web> search for <pages>. Under <pages> search for <namespaces> and add the following line:
<add namespace="Mobiscroll" />
4. Include the Mobiscroll Scripts in your Site Master or Layout page
In your Site.Master <head> section put the following line with your mobiscroll css file in the parameter:
<%: Html.Mobiscroll().RenderStylesheet("~/Content/yourmobiscrollpackage.min.css") %>
Also in your Site.Master after the jquery is loaded put the following line wit your mobiscroll package url in the parameter:
<%: Html.Mobiscroll().RenderScript("~/Content/yourmobiscrollpackage.min.js") %>
In your Layour.cshtml head section put the following line with your mobiscroll css file in the parameter
Also in your Layout.cshtml after the jquery is loaded put the following line with your mobiscroll package url in the parameter:
5. Use the Mobiscroll Helpers
You can use the mobiscroll helpers in your views like this:
<%: Html.Mobiscroll().Date("Birthday") %>
For more examples check out the demo page.