• User Guide
  • Getting Started
    • MVC Basics
    • How Wijmo Works in MVC 5
    • Install the MVC Classic Template
    • Create an MVC Classic Project
    • Add or Update Wijmo References
• jQuery and jQuery UI
  • jQuery Syntax
  • jQuery Selectors
    • jQuery Element Selectors
    • jQuery Attribute Selectors
    • jQuery CSS Selectors
  • Document Ready Function
  • jQuery Options
  • jQuery and jQuery UI Resources
• Use MVC 5 Scaffolding
  • Step 1 of 5: Create an MVC Classic Web Application
  • Step 2 of 5: Add a Model
  • Step 3 of 5: Add a Reference to the Entity Framework
  • Step 4 of 5: Add Controllers
  • Step 5 of 5: Run the Project
• Widgets
  • wijaccordion
    • wijaccordion Tutorial
      • wijaccordion Step 1 of 3: Setting up the View
      • wijaccordion Step 2 of 3: Initializing the Widget
      • wijaccordion Step 3 of 3: Running the Project
    • Apply Animation
    • Change the Expansion Direction
    • Expand Panes on Hover
    • Open Multiple Panes
  • Chart Widgets
    • wijbarchart
      • wijbarchart Tutorial
        • wijbarchart Step 1 of 3: Setting up the View
        • wijbarchart Step 2 of 3: Initializing the Widget
        • wijbarchart Step 3 of 3: Running the Project
      • How To
        • Apply Animation Effects
        • Axis How To
          • Define the X and Y Axis
          • Style the Axis Labels
          • Move the Axis Title
          • Rotate the Axis Label
        • Define the Legend
        • Define the Header
        • Define the Footer
        • Define the Tooltip
        • Define the SeriesList
        • Define SeriesHoverStyles
    • wijbubblechart
      • wijbubblechart Tutorial
        • wijbubblechart Step 1 of 3: Setting up the View
        • wijbubblechart Step 2 of 3: Initializing the Widget
        • wijbubblechart Step 3 of 3: Running the Project
      • wijbubblechart How To
        • Define the X and Y Axis
        • Style the Axis Labels
        • Move the Axis Title
        • Rotate the Axis Label
        • Define the Legend
        • Define the Header
        • Define the Footer
        • Define the Tooltip
        • Define the SeriesList
        • Define SeriesHoverStyles
    • wijcompositechart
      • wijcompositechart Tutorial
        • wijcompositechart Step 1 of 3: Setting up the View
        • wijcompositechart Step 2 of 3: Initializing the Widget
        • wijcompositechart Step 3 of 3: Running the Project
      • wijcompositechart How To
        • Define the X and Y Axis
        • Style the Axis Labels
        • Move the Axis Title
        • Rotate the Axis Label
        • Define the Legend
        • Define the Header
        • Define the Footer
        • Define the Tooltip
        • Define the SeriesList
    • wijlinechart
      • wijlinechart Tutorial
        • wijlinechart Step 1 of 3: Setting up the View
        • wijlinechart Step 2 of 3: Initializing the Widget
        • wijlinechart Step 3 of 3: Running the Project
      • wijlinechart How To
        • Define the X and Y Axis
        • Style the Axis Labels
        • Move the Axis Title
        • Rotate the Axis Label
        • Define the Legend
        • Define the Header
        • Define the Footer
        • Define the Tooltip
        • Define the SeriesList
        • Define Series Styles
    • wijpiechart
      • wijpiechart Tutorial
        • wijpiechart Step 1 of 3: Setting up the View
        • wijpiechart Step 2 of 3: Initializing the Widget
        • wijpiechart Step 3 of 3: Running the Project
      • wijpiechart How To
        • Create a Doughnut Chart
        • Define the Legend
        • Define the Header
        • Define the Footer
        • Define the Tooltip
        • Define the SeriesList
    • wijscatterchart
      • wijscatterchart Tutorial
        • wijscatterchart Step 1 of 3: Setting up the View
        • wijscatterchart Step 2 of 3: Initializing the Widget
        • wijscatterchart Step 3 of 3: Running the Project
      • wijscatterchart How To
        • Define the X and Y Axis
        • Style the Axis Labels
        • Move the Axis Title
        • Rotate the Axis Label
        • Define the Legend
        • Define the Header
        • Define the Footer
        • Define the Tooltip
        • Define the SeriesList
        • Define Series Hover Styles
  • Gauge Widgets
    • wijlineargauge
      • wijlineargauge Tutorial
        • wijlineargauge Step 1 of 3: Setting up the View
        • wijlineargauge Step 2 of 3: Initializing the Widget
        • wijlineargauge Step 3 of 3: Running the Project
      • Add Interactivity
      • Set the Orientation
      • Create a Logarithmic Gauge
      • Customize the Appearance
    • wijradialgauge
      • wijradialgauge Tutorial
        • wijradialgauge Step 1 of 3: Setting up the View
        • wijradialgauge Step 2 of 3: Initializing the Widget
        • wijradialgauge Step 3 of 3: Running the Project
      • Create a Logarithmic Gauge
      • Set Margins at Run Time
      • Set Position at Run Time
      • Customize Appearance
  • Input Widgets
    • wijinputmask
      • wijinputmask Tutorial
        • wijinputmask Step 1 of 3: Setting up the View
        • wijinputmask Step 2 of 3: Initializing the Widget
        • wijinputmask Step 3 of 3: Running the Project
      • Add to a Drop-Down List
      • Require Letters
      • Hide Input
    • wijinputnumber
      • wijinputnumber Tutorial
        • wijinputnumber Step 1 of 3: Setting up the View
        • wijinputnumber Step 2 of 3: Initializing the Widgets
        • wijinputnumber Step 3 of 3: Running the Project
      • Format as Currency
      • Format as a Percentage
      • Add to a Drop-Down List
    • wijinputdate
      • wijinputdate Tutorial
        • wijinputdate Step 1 of 3: Setting up the View
        • wijinputdate Step 2 of 3: Initializing the Widgets
        • wijinputdate Step 3 of 3: Running the Project
      • Create a Date Picker
      • Create a List of Dates
  • wijcalendar
    • wijcalendar Tutorial
      • wijcalendar Step 1 of 3: Setting up the View
      • wijcalendar Step 2 of 3: Initializing and Customizing the Widget
      • wijcalendar Step 3 of 3: Running the Project
    • wijcalendar How To
      • Create a Custom Date
      • Create a Popup Calendar
      • Display Full Month Names
      • Display Short Month Names
      • Display Month, Day, and Year
      • Display Multiple Calendars
      • Use Outer Navigation Buttons
      • Preview the Next Month
      • Select Week Numbers
      • Select Months
      • Select Weekdays
      • Set Date Ranges
      • Add Animation
  • wijcarousel
    • wijcarousel Tutorial
      • wijcarousel Step 1 of 3: Setting up the View
      • wijcarousel Step 2 of 3: Initializing the Widget
      • wijcarousel Step 3 of 3: Running the Project
    • Add Animation
    • Set Orientation
    • Set Pager Style
    • Include Video Content
    • Preview Content
  • wijcombobox
    • wijcombobox Tutorial
      • wijcombobox Step 1 of 3: Setting up the View
      • wijcombobox Step 2 of 3: Initializing the Widget
      • wijcombobox Step 3 of 3: Running the Project
    • wijcombobox How To
      • Change the Width
      • Change the Position
      • Use the Search Method
      • Use Select Event
  • wijdatepager
    • wijdatepager Tutorial
      • wijdatepager Step 1 of 3: Setting up the View
      • wijdatepager Step 2 of 3: Initializing the Widget
      • wijdatepager Step 3 of 3: Running the Project
    • Set the View Type
    • Set the Selected Date
    • Set the First Day of the Week
  • Wijdatasource
    • Wijdatasource Tutorial
      • Step 1 of 3: Setting up the View
      • Step 2 of 3: Initializing the Widget
      • Step 3 of 3: Running the Project
    • Read Local Data
    • Read Remote Data
  • wijdialog
    • wijdialog Tutorial
      • wijdialog Step 1 of 3: Setting Up the View
      • wijdialog Step 2 of 3: Initializing the Widget
      • wijdialog Step 3 of 3: Running the Project
    • Set External Content
    • Set Custom HTML Content
    • Use the Modal Dialog
    • Create an Alert Dialog
    • Create a Confirm Dialog
    • Animate wijdialog
  • wijeditor
    • wijeditor Tutorial
      • wijeditor Step 1 of 3: Setting up the View
      • wijeditor Step 2 of 3: Initializing the Widget
      • wijeditor Step 3 of 3: Running the Project
    • Use the Simple Toolbar
    • Use BBCode
  • wijeventscalendar
    • wijeventscalendar Tutorial
      • wijeventscalendar Step 1 of 3: Setting up the View
      • wijeventscalendar Step 2 of 3: Initializing and customizing the Widget
      • wijeventscalendar Step 3 of 3: Running the Project
    • Change the Start Date
    • Change the Culture
    • Hide the Header Bar
    • Hide the Navigation Bar
  • wijexpander
    • wijexpander Tutorial
      • wijexpander Step 1 of 3: Setting up the View
      • wijexpander Step 2 of 3: Initializing the Widget
      • wijexpander Step 3 of 3: Running the Project
    • Animate the Expander
    • Change Expand Direction
    • Display External Content
  • wijgallery
    • wijgallery Tutorial
      • wijgallery Step 1 of 3: Setting up the View
      • wijgallery Step 2 of 3: Initializing the Widget
      • wijgallery Step 3 of 3: Running the Project
    • Animate the Gallery
    • Set Orientation
    • Set the Gallery Pager
    • Include Video Content
    • Display External Content
  • wijgrid
    • wijgrid Tutorial
      • wijgrid Step 1 of 4: Creating the Model
      • wijgrid Step 2 of 4: Creating the Controller
      • wijgrid Step 3 of 4: Creating the View
      • wijgrid Step 4 of 4: Adding Wijmo to the MVC Project
    • Enable Dynamic Data Load
    • Create a wijgrid on the Server
    • Set Column Date Type
    • Load Data into the Grid
    • Add Custom Data Parsers
    • Add Column Bands
    • Create a Paged Grid
    • Set the Selection Mode
    • Custom Groups and Aggregates
  • wijlightbox
    • wijlightbox Tutorial
      • wijlightbox Step 1 of 3: Setting up the View
      • wijlightbox Step 2 of 3: Initializing the Widget
      • wijlightbox Step 3 of 3: Running the Project
    • Autoplay the Lightbox
    • Set the Resize Animation
    • Use External Content and Videos
    • Add Keyboard Navigation
    • Add Play and Pause Buttons
    • Set the Text Position
    • Set the Transition Animation
  • wijlist
    • wijlist Tutorial
      • wijlist Step 1 of 3: Setting Up the View
      • wijlist Step 2 of 3: Initializing the Widget
      • wijlist Step 3 of 3: Running the Project
    • Multiple Selection
  • wijmenu
    • wijmenu Tutorial
      • wijmenu Step 1 of 3: Creating the Model
      • wijmenu Step 2 of 3: Creating the Controller
      • wijmenu Step 3 of 3: Creating the View and Adding Wijmo Widgets
    • Use Custom Icons
    • Change Orientation
    • Set Functions
    • Change Submenu Positions
    • Animate the wijmenu
  • wijpager
    • wijpager Tutorial
      • wijpager Step 1 of 3: Setting Up the View
      • wijpager Step 2 of 3: Initializing the Widget
      • wijpager Step 3 of 3: Running the Project
    • Change Paging Modes
      • nextPrevious Paging
      • nextPreviousFirstLast Paging
      • Numeric Paging
      • NumericFirstLast Paging
    • Create a Paged Table
  • wijpopup
    • wijpopup Tutorial
      • wijpopup Step 1 of 3: Setting up the View
      • wijpopup Step 2 of 3: Initializing the Widget
      • wijpopup Step 3 of 3: Running the Project
    • Set the Popup Location
    • Set the Popup Animation
  • wijprogressbar
    • wijprogressbar Tutorial
      • wijprogressbar Step 1 of 3: Setting up the View
      • wijprogressbar Step 2 of 3: Initializing the Widget
      • wijprogressbar Step 3 of 3: Running the Project
    • Change the Fill Direction
  • wijslider
    • wijslider Tutorial
      • wijslider Step 1 of 3: Setting Up the View
      • wijslider Step 2 of 3: Initializing the Widget
      • wijslider Step 3 of 3: Running the Project
    • Change Orientation
    • Set Range
    • Set Thumbs
    • Set DragFill Behavior
    • Animate wijslider
  • wijsplitter
    • wijsplitter Tutorial
      • wijsplitter Step 1 of 3: Setting up the View
      • wijsplitter Step 2 of 3: Initializing the Widget
      • wijsplitter Step 3 of 3: Running the Project
    • Create a Full-Sized Splitter
    • Nest Splitters
    • Set the Splitter Location
  • wijsuperpanel
    • wijsuperpanel Tutorial
      • wijsuperpanel Step 1 of 3: Setting up the View
      • wijsuperpanel Step 2 of 3: Initializing the Widget
      • wijsuperpanel Step 3 of 3: Running the Project
    • wijsuperpanel How To
      • Enable Client-Side Scrolling
      • Set Animation Options
      • Change the Position of the Drop-Down List
      • Use the Search Method to Locate the Characters Entered in the
      • Use the Select Event to Trigger a Selected Item in the ComboBo
  • wijtabs
    • wijtabs Tutorial
      • wijtabs Step 1 of 3: Setting up the View
      • wijtabs Step 2 of 3: Initializing the Widget
      • wijtabs Step 3 of 3: Running the Project
    • Open Tabs on Hover
    • Set the Tab Location
    • Set Tab Animation
  • wijtooltip
    • wijtooltip Tutorial
      • wijtooltip Step 1 of 3: Setting up the View
      • wijtooltip Step 2 of 3: Initializing the Widget
      • wijtooltip Step 3 of 3: Running the Project
    • wijtooltip How To
      • Format the Tooltip
      • Create a Modal Tooltip
      • Change the Location
  • wijtree
    • wijtree Tutorial
      • wijtree Step 1 of 3: Setting Up the View
      • wijtree Step 2 of 3: Initializing the Widget
      • wijtree Step 3 of 3: Running the Project
    • Use Auto Collapse
    • Set Expand On Hover
    • Allow Node Drag and Drop
    • Use Custom Drag-and-Drop
    • Use Check Boxes
    • Add and Remove Nodes
    • Use Custom Node Icons
  • wijupload
    • wijupload Tutorial
      • wijupload Step 1 of 3: Setting up the View
      • wijupload Step 2 of 3: Initializing the Widgets
      • wijupload Step 3 of 3: Running the Project
  • wijwizard
    • wijwizard Tutorial
      • wijwizard Step 1 of 3: Setting Up the View
      • wijwizard Step 2 of 3: Initializing the Widget
      • wijwizard Step 3 of 3: Running the Project
    • Load Content through Ajax
    • Autoplay the wijwizard
    • Use the Pager with wijwizard
    • Set Simple View
    • Animate wijwizard