Building UIs with Wijmo

Building UIs with Wijmo
eBook: $17.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $47.98    Print cover: $29.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Learn to configure Wijmo components for common usage scenarios
  • Build adaptive websites that work on desktops and mobile devices
  • Integrate Wijmo with Knockout to develop real-time applications

Book Details

Language : English
Paperback : 116 pages [ 235mm x 191mm ]
Release Date : September 2013
ISBN : 1849696063
ISBN 13 : 9781849696067
Author(s) : Yuguang Zhang
Topics and Technologies : All Books, Web Development, jQuery

Table of Contents

Chapter 1: Getting Started with Wijmo
Chapter 2: The Dialog Widget
Chapter 3: Form Components
Chapter 4: Working with Images
Chapter 5: Advanced Widgets
Chapter 6: Dashboard with WijmoGrid
Chapter 7: Wijmo Mobile
Chapter 8: Extending Wijmo
  • Chapter 1: Getting Started with Wijmo
    • Setting up Wijmo
      • Installing Wijmo the quick way via a CDN
      • Installing Wijmo for development
        • Customizing jQuery UI for download
        • Downloading Wijmo
        • Installing jQuery UI for development
        • Installing Wijmo for development
        • Adding Wijmo to an HTML document
      • Wijmo licensing
    • Required background
    • Summary
    • Chapter 2: The Dialog Widget
      • Wijmo additions to the dialog widget at a glance
        • Adding custom buttons
        • Configuring the dialog widget's appearance
        • Loading external content
      • Summary
        • Chapter 4: Working with Images
          • Using the carousel widget
            • Creating the carousel widget
            • Configuring the carousel widget
            • Using the display options to show multiple images
            • Specifying the navigation options
            • Adding the timer and autoplay
          • Using the gallery widget
            • Creating the gallery widget
            • Playing videos in the gallery widget
          • Using the lightbox widget
            • Creating the lightbox widget
            • Changing the lightbox widget's appearance
          • Summary
          • Chapter 5: Advanced Widgets
            • Using the tooltip widget
              • Positioning the tooltip widget
              • Loading AJAX content in the tooltip widget
              • Styling the tooltip widget
            • Using the upload widget with the ProgressBar element
            • Applying Wijmo themes to HTML5 videos
            • Using the editor widget
              • Using the editor widget with BBCode for forums
            • Summary
            • Chapter 6: Dashboard with WijmoGrid
              • Introduction to MVVM
              • Introduction to Knockout
                • Building a rating system with Knockout
              • Building the dashboard
                • Sending a message with Knockout and Socket.IO
                • Displaying messages on the Dashboard
              • Summary
              • Chapter 7: Wijmo Mobile
                • Getting started with Wijmo mobile
                  • Setting up Wijmo mobile
                    • Obtaining jQuery mobile
                    • Installing jQuery mobile
                    • Using a mobile browser emulator
                • Creating an expander widget
                  • Passing options to the expander widget
                • Creating a ListView widget
                • Creating an AppView widget
                  • Adding the AppView pages
                  • Reusing non-mobile pages
                • Summary

                  Yuguang Zhang

                  Yuguang Zhang has worked as a web developer in a number of small companies. Notable companies where he has worked at include SociaLabra, a social media company, and SmartPager, a startup in mobile paging. He has expertise in developing interactive client-side applications with Knockout. As a personal project, he built the first IDE that runs Python in the browser using Knockout and jQuery UI, that is In addition, he designed and programmed, a multi-language playground for rapid frontend development built with CoffeeScript and Django.
                  Sorry, we don't have any reviews for this title yet.

                  Code Downloads

                  Download the code and support files for this book.

                  Submit Errata

                  Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                  Sample chapters

                  You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                  Frequently bought together

                  Building UIs with Wijmo +    Implementing NetScaler VPX™ =
                  50% Off
                  the second eBook
                  Price for both: $23.80

                  Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                  What you will learn from this book

                  • 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

                  In Detail

                  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.


                  Written with an example-based approach, Building UIs with Wijmo leads you step by step through the implementation and customization of each library component and its associated resources. Reference tables of each configuration option, method, and event for each component are provided, alongside detailed explanations of how each widget is used.

                  Who this book is for

                  Building UIs with Wijmo is targeted at readers who are familiar with HTML, CSS, JavaScript, and jQuery, and have a basic understanding of web development. Although knowledge of jQuery UI is not mandatory, it would be a bonus as it is quite similar to Wijmo. Only the last chapter of the book on extending Wijmo requires advanced CSS and JavaScript knowledge.

                  Code Download and Errata
                  Packt Anytime, Anywhere
                  Register Books
                  Print Upgrades
                  eBook Downloads
                  Video Support
                  Contact Us
                  Awards Voting Nominations Previous Winners
                  Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                  Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software