Posts

Showing posts with the label List View

User Interface templates in Intel XDK

Image
Using templates is the easiest to start off designing apps with Intel XDK. Intel XDK provides a number of layouts and templates for designing apps.  Layout_UI.png If you have been using apps you must have come across apps that use many of these types of apps. For example an earlier post here discusses the List View Template in detail and this link describes the Tab View in detail(). We will explore the other templates in future posts.  The Ionic Framework Starter template uses the Ionic Frame work and AngularJS and you can design apps for desktop, smartphones and tablets using Standard HTML5. Ionic Framework is supposed to provide native-app like feeling for UI and is based on HTML5 and essentially a front end beautifier. However Ionic requires AngularJS which is required for UI interaction; gestures; animations etc.  ionicFramework.png In a future post  we will describe creating an app with Ionic Framework. Read more here for Ionic Framework: ionicframewo...

Selecting in a List using WinJS 4.0 Preview

Image
List is a great way to show all the items you have and often you want to give the user the opportunity to Select one, multiple items using mouse/keyboard or touch on Windows 8.1 OS, or providing a control to place check marks for selection. Here is a selection of code from WinJS namespace: WinJS.Namespace.define("Sample.ListView", {     modes: {         readonly: {             name: 'readonly',             selectionMode: WinJS.UI.SelectionMode.none,             tapBehavior: WinJS.UI.TapBehavior.none         },         single: {             name: 'single',             selectionMode: WinJS.UI.Sele...