Building UIs with Wijmo

Wijmo lets you use widgets on your websites for more flexibility and ease of use in the user interface. This book shows you how with a refreshingly logical and example-led approach that makes learning a pleasure.

Building UIs with Wijmo

Yuguang Zhang

Wijmo lets you use widgets on your websites for more flexibility and ease of use in the user interface. This book shows you how with a refreshingly logical and example-led approach that makes learning a pleasure.
Mapt Subscription
FREE
$29.99/m after trial
eBook
$12.60
RRP $17.99
Save 29%
Print + eBook
$29.99
RRP $29.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$12.60
$29.99
$29.99p/m after trial
RRP $17.99
RRP $29.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781849696067
Paperback116 pages

Book Description

Until recently, writing applications using JavaScript and HTML was difficult, because developers had to make the user interface by themselves; however, this started changing with the introduction of JavaScript libraries such as jQuery, jQuery UI, and KnockoutJS. An extension of jQuery UI, Wijmo adds features and widgets on top of jQuery UI and makes it easier to add user interface widgets to HTML documents.

Building UIs with Wijmo gives you a tour of what Wijmo offers at a glance. With code recipes and well-explained examples, you will be able to use Wijmo in no time. The book gives details on options not explained in the documentation and helps you avoid those that don't work. The examples only feature the necessary code, with recommendations and best practices.

This book introduces Wijmo, grouping widgets by their common application area or usage. It walks the user through the features of the dialog widget with examples as an introduction to the library. Then, widgets for forms, images, tootips, and other topics are explored.

Features only available in the Wijmo dialog widget compared to the jQuery UI widget are thoroughly explained with examples. Common form components such as checkboxes, dropdowns, and inputs have Wijmo counterparts which keep the theme consistent and add functionalities. When Wijmo is used with Knockout, the UI automatically refreshes when the data changes. This book takes it further with WebSockets for two way communication between the server and client. With Building UIs with Wijmo, you will learn all the common web development components in Wijmo. You will get started using Wijmo in no time.

Table of Contents

Chapter 1: Getting Started with Wijmo
Setting up Wijmo
Required background
Summary
Chapter 2: The Dialog Widget
Wijmo additions to the dialog widget at a glance
Summary
Chapter 3: Form Components
Checkbox
Radio buttons
Dropdown
ComboBox
InputDate
InputMask
Summary
Chapter 4: Working with Images
Using the carousel widget
Using the gallery widget
Using the lightbox widget
Summary
Chapter 5: Advanced Widgets
Using the tooltip widget
Using the upload widget with the ProgressBar element
Applying Wijmo themes to HTML5 videos
Using the editor widget
Summary
Chapter 6: Dashboard with WijmoGrid
Introduction to MVVM
Introduction to Knockout
Building the dashboard
Summary
Chapter 7: Wijmo Mobile
Getting started with Wijmo mobile
Creating an expander widget
Creating a ListView widget
Creating an AppView widget
Summary
Chapter 8: Extending Wijmo
Extending Wijmo Open
Summary

What You Will Learn

  • Set up Wijmo for development and production
  • Change the Dialog widget's appearance
  • Replace form components with widgets
  • Autoplay images with the Carousel widget
  • Create a LightBox widget and customize its buttons
  • Play videos in the Gallery widget
  • Fix the appearance of the InputDate widget
  • Program real-time applications with declarative bindings in the MVVM style

Authors

Table of Contents

Chapter 1: Getting Started with Wijmo
Setting up Wijmo
Required background
Summary
Chapter 2: The Dialog Widget
Wijmo additions to the dialog widget at a glance
Summary
Chapter 3: Form Components
Checkbox
Radio buttons
Dropdown
ComboBox
InputDate
InputMask
Summary
Chapter 4: Working with Images
Using the carousel widget
Using the gallery widget
Using the lightbox widget
Summary
Chapter 5: Advanced Widgets
Using the tooltip widget
Using the upload widget with the ProgressBar element
Applying Wijmo themes to HTML5 videos
Using the editor widget
Summary
Chapter 6: Dashboard with WijmoGrid
Introduction to MVVM
Introduction to Knockout
Building the dashboard
Summary
Chapter 7: Wijmo Mobile
Getting started with Wijmo mobile
Creating an expander widget
Creating a ListView widget
Creating an AppView widget
Summary
Chapter 8: Extending Wijmo
Extending Wijmo Open
Summary

Book Details

ISBN 139781849696067
Paperback116 pages
Read More

Read More Reviews

Recommended for You

Responsive Web Design by Example : Beginner's Guide Book Cover
Responsive Web Design by Example : Beginner's Guide
$ 26.99
$ 18.90
Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80
HTML5 Enterprise Application Development Book Cover
HTML5 Enterprise Application Development
$ 29.99
$ 21.00
Instant AngularJS Starter Book Cover
Instant AngularJS Starter
$ 12.99
$ 9.10
jQuery UI 1.8: The User Interface Library for jQuery Book Cover
jQuery UI 1.8: The User Interface Library for jQuery
$ 26.99
$ 18.90