NoSQL and Server-less Example with Google Firebase and Shield UI Grid

In this exercise you will create a NoSQL Document-Store database on Google Firebase and manipulate it by using a client-side data-grid component, part of the Shield UI JavaScript library.

Vertical Reordering of HTML Table Rows Using Shield UI

In this article, we will demonstrate how to use the Shield UI Draggable component for changing the order of table rows by dragging them with the mouse.

Benefits of Using a UI Grid Component

Many designers confront problems in finding solutions for visual and organizational issues and a UI Grid component is one appropriate way of solving them. That is not the only approach but it offers multiple advantages.

Client-side Development Frameworks

Not every web designer has the skills of a programmer, so it is sometimes difficult and time consuming to meet fancy customer specifications. For example, making a rich data grid view control literary takes months. And instead of a web designer just starting to learn how to implement such a powerful widget from scratch, they can search the web for a great UI Grid Component that could be used out of the box. If you do not know what a Data Grid widget is already – it is a powerful control for visualization data in a tabular format.

Django Integration Tutorial

The Django REST Framework is a powerfull tool for building RESTful APIs based on the popular Django UI web framework. This post will demonstrate how easy it is to setup a new application using the Django framework and integrate the Shield UI JavaScript Grid component in it.

Shield UI jQuery Grid Integration with Ruby on Rails

The Shield UI JavaScript framework allows for an easy and straightforward integration with various RESTful frameworks. In this article we will demonstrate how the Shield UI jQuery Grid Component can be integrated with a standard Ruby on Rails application. The integration takes about 30 minutes to complete from scratch and the complete project is available on GitHub.

Export to PDF in jQuery Using Shield UI

Portable Document Format (PDF) is the most popular file format for presenting documents on all devices, operating systems and software applications. Each PDF file contains a fixed-layout document that may include text, fonts, graphics and other information.

Exporting Data to Excel in JavaScript

Microsoft Excel is the most popular spreadsheet application used nowadays on all kinds of operating systems and devices. It provides functionality for formulae calculations, graphs and charts, pivot tables, and other great enterprise features.

ShieldUI now provides the ability to export data in two wide-spread Excel file formats - XML and XLSX, which are very flexible and fully-compatible with other spreadsheet software like Apache Open Office, Star Office and others.


ShieldUI jQuery Grid

This blog entry focuses on the ShieldUI jQuery Grid component. The control offers table-layout rendering of data, as well a many advance features, such as sorting, custom layout and templates. The sample below demonstrates a first look at the component:

Some of the features of the component include:

Using ASP.NET Web API Framework

ASP.NET Web API is a framework for building web APIs on top of the .NET Framework. In this blog post we will show how to create a web service that returns a list of products and how to consume it and display the returned objects with the ShieldUI Grid widget.
The complete code for this example can be downloaded from here.

Subscribe to RSS - Grid