Converting jQuery Mobile to Bootstrap 4

From NSB App Studio
Jump to navigation Jump to search

jQuery Mobile hasn’t been updated in years - since 2014. From a technical and design viewpoint, it's obsolete. From a security view, it's also a problem. It relies on jQuery 2.2, which is considered a security risk.

The Framework Converter can be used to convert the jQuery Mobile controls in your project to their equivalents in Bootstrap 4.

In most cases, the converter will update your controls properly, especially the most commonly used ones. However, there are some fix ups you will need to do to your controls and code.

Here are hints for each of the controls. Feel free to edit this document and add tips for others!

General

  • Sizing of controls will have to be checked. You may need to adjust bounds.

Button

  • Icon names are different between jQM and Bootstrap. In most cases, you will need to look up the new icon name and fill it in.

Checkbox

  • setValue and getValue: jQM starts with 1, BS starts with 0. You will need to modify your getValue and setValue statements.

Collapsible

  • No equivalent in BS. The conversion will put up a Container with the same dimensions. The rest is up to you.

Fliptoggle

FooterBar

HeaderBar

List

NavBar

Panel

PopUp

RadioButton

Select

Slider

TextArea

TextBox

ToolTip