The Jacket Component – a comparision between Mobiscroll, Jquery UI and Kendo UI

  • by: Sagara
  • -
  • Saturday, 3 December 2016

As a web based developer, we like to develop our own framework, from our own backend php framework called Bono, our own backend javascript framework called Xin, to our front-end CSS framework called Naked. We also develop a web interface framework called Jacket that combine Bono, Xin and Naked into one ready to use front-end and backend framework.

When we try to developing javascript component framework for Jacket, we face into a pretty big obstacle, with the time constrain and small team size, we come to decision to not develop our component framework, so we research some popular javascript component framework. Our team are already familiar using jquery as our javascript framework, so we only researching to 3 popular javascript frameworks: jquery UI, Mobiscroll, and Kendo UI.

There are some few criteria that need to be considered :

  • It need to cover as many as our Jacket component needs
  • It need to be easily re-skin, as our project mostly use different look and feel every time
  • It need to be touch and mobile friendly if not optimize
  • It need to be desktop friendly
  • It need to have good documentation
  • It need to be free


1. Jacket Component’s Need (So far)

Component

MobiScroll

jQueryUI

Kendo UI

Datepicker

Yes

Yes

Autocomplete

Yes

Yes

Searching

No

No

Searching Menu

No

No

Input Type File

No

No

WYSIWYG Editor

No

No

Tab Menu Scrolling

Yes

Yes

Pagination

Yes

No

Lazy Load

Yes

No

List

Yes

No

Checkbox Multiple

No

No

Multiple Delete

No

No

Radio Button

No

No

Calendar

Yes

Yes

Image Editor

No

No

Map

No

No

Move Sort

Yes

No

Tabs

Yes

Yes

Nice to see that more than half of our needs already covered with some of the framework.

2. Features Comparison

Features

MobiScroll

jQuery UI

Kendo UI

Accordion

Yes

Yes

Autocomplete

Yes

Yes

Button

Yes

Yes

Tabs

Yes

Yes

Dialog

Yes

Yes

Framework Icons

Yes