Popular questions for this item

Wordpress JSON listing window

Wordpress JSON window are fetching data from JSON source (with JSON API plugin https://wordpress.org/plugins/json-api) by using the JSON protocol. Please set your HTTP request url (e.g. http://www.example.org/?json=get_recent_posts) into the data.js file using the corresponding factory. You can find here the full Wordpress JSON documentation.

Note that the tutorial AngularJS Tutorial: RESTful JSON Parsing with the Sensation App is based on the Wordpress JSON window back-end.

You can also find here a real Wordpress example with:

  • Wordpress installation with the JSON API plugin installed
  • Sensation Wordpress Master/Detail pages

Home window listing

Home window structure is defined into the home.html file. Please note that Sensation comes with one more home-rows.html file. In case you want the row-layout instead of the default grid layout, just rename the home-rows.html file to home.html.



You can set the Home data (Text/FontAwesome icon/Page) into the js/data.js file sensationApp.factory(‘Data’, function(){}).

Regarding the icons, please use the Font Awesome icons http://fortawesome.github.io/Font-Awesome/icons/.

data.js sensationApp.factory('Data', function(){ var data = {}; data.items = [ { title: 'News', icon: 'calendar', page: 'news' }, { title: 'Products', icon: 'shopping-cart', page: 'products' }, . . . ]; return data; });

How to build the Sensation App with Adobe® PhoneGap™ Build

Adobe PhoneGap provides a way for users to create mobile applications using technologies such as HTML, CSS, and Javascript. Please follow the steps in the tutorial in order to build the Sensation App with the Adobe® PhoneGap™ Build.



How to duplicate the News page in the Sensation App

News page in the Sensation App is fetching data from a JSON source by using the JSON protocol. Sensation App uses the $http service. The $http service is a core Angular service that facilitates communication with the remote HTTP servers via the browser’s XMLHttpRequest object or via JSONP.

Regarding the News page, please follow the steps in the tutorial with title How to duplicate the News page in the Sensation App if you need to duplicate this page. Into this tutorial, we will create the News+ page (newsplus.html). You can use this implementation as the base in order to duplicate any other page in the Sensation App as the scenario is the same.

How to filter the News (by their Title or Body) with a Search Input field and AngularJS

News page in the Sensation App is fetching data from a JSON source by using the JSON protocol. Sensation App uses the $http service.

This tutorial guides you on how to filter the News (by their Title or Body) with a Search Input field and AngularJS. You can use this implementation as the base in order to filter any other collection in the Sensation App as the scenario is the same.

RSS Feed Reader

Sensation 1.2.0 comes with an RSS Feed Reader using AngularJS and Google Feed API. Each RSS Feed post comes also with a link to the original post using the Cordova inAppBrowser plugin org.apache.cordova.inappbrowser. This plugin provides a web browser view that displays when calling window.open(). The window.open() opens a URL in a new InAppBrowser instance, the current browser instance, or the system browser. Find more info at Sensation: RSS Feed Reader support section.

How to create a Slideshow with AngularJS

Sensation comes already with an AngularJS Slideshow implementation.

It comes with the mobile friendly AngularJS Carousel http://revolunet.github.io/angular-carousel. Please find at the following document all the appropriate instructions in order to create your Slideshow based on the AngularJS Touch Carousel (MIT License) and Onsen UI.

Here is our tutorial with the title How to create a Slideshow with AngularJS.

Onsen CSS Components

Onsen CSS Components http://components.onsenui.io/patterns is a web-based theme roller for Topcoat that lets PhoneGap developers create beautiful UIs easily. Many standard UI components are supported and are easily customizable via a web interface. It also has a growing selection of beautiful UI patterns, each containing HTML and CSS to show how to reproduce the pattern.



Show more

by
by
by
by
by
by