top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

What is Mobile Angular UI?

0 votes
590 views

Mobile Angular UI

Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it!

AngularJS is one of the many buzz frameworks in mobile and web development. We’ll create an app using Mobile Angular UI, a framework to develop HTML 5 mobile apps that combines AngularJS with Bootstrap.

Mobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll.

It relies on robust libraries like fastclick.js and overthrow.js to achieve the better mobile experience.

Overview Figure for Mobile Angular

Image overview

See The Link Demo for Mobile Angular UI

http://mobileangularui.com/demo/#/

Some differences to compare with Bootstrap 3

-Although Mobile Angular UI aims to retain most of Bootstrap CSS style, some minor changes are employed to achieve a more mobile-friendly look and feel for default components.
-It adds new components like sidebars, absolute-positioned navbars, switches, overlays, scrollables ..
-It does not rely on jQuery or bootstrap.js at all (all of the interactions is reproduced without coding through core module directives)
-It uses font-awesome in place of glyphicons
-Responsive css rules for components -sm, -md, *-lg are moved out of the default bundle
-Responsive grid is divided in two parts: .col-xs-* and .col-sm-* classes are included in base.css, .col-md-* and .col-lg-* classes are included in desktop.css.
-Breadcrumbs and pagination are just not the best way to navigate a mobile app so their are only included in desktop.css.
-.container is always fluid.

For more reference visit official site - http://mobileangularui.com/

posted Feb 16, 2015 by anonymous

  Promote This Article
Facebook Share Button Twitter Share Button LinkedIn Share Button


Related Articles

What is UI Bootstrap?

UI Bootstrap is an extended bootstrap framework in an angular way.

Bootstrap components written in pure AngularJS by the AngularUI Team

These are built by the AngularUI team that adds many components to extend Angular. The UI Bootstrap doesn't use jQuery and are directives built from the ground up for each of the Bootstrap JS components.

This repository contains a set of native AngularJS directives based on Bootstrap's markup and CSS. As a result no dependency on jQuery or Bootstrap's JavaScript is required,

UI Bootstrap Directive List

  • Accordion
  • Alert
  • Buttons
  • Carousel
  • Collapse
  • Datepicker
  • Dropdown
  • Modal
  • Pagination
  • Popover
  • Progressbar
  • Rating
  • Tabs
  • Timepicker
  • Tooltip
  • Typeahead​

Steps to Installation to Angular

angular.module('myModule', ['ui.bootstrap']);
Read More : https://angular-ui.github.io/bootstrap/#/getting_started
Video for UI Bootstrap
https://www.youtube.com/watch?v=DEWIlo8IS8E​
READ MORE
...