Hiren's Technical Blog

[...] I was working on Sencha Touch, Phonegap application where we have a requirement to change background color of top status bar of iPhone where we have carrier, wifi and battery symbols. There are two [...]

[...] about how how I implement it, you may have better idea. Feel free to comment. Here I added background color in each items of the list and then grouped it based in certain field. For example. Ext. [...]

[...] . We will not go in that detail But we will see how it is implemented with Knockout JS. First lets see the elements of MVVM pattern Model Model represents the business entity. It's your [...]

[...] we accomplished it with some different manner. In this blog I will explain you how to do this. First lets see our Main Layout XML file. &ltcom.myapp.layout.MainLayout xmlns:android="http:// [...]

[...] . While the receiver controller will listen to the broadcast event and receives that data. First lets crete a service and function. var servicesModule = angular.module('myapp.broadcastservice', []); [...]

[...] to use $apply carefully else it may give you error that $apply is already in progress. First lets understand how the AngularJs data binding works.AngularJs framework monitors data changes [...]

[...] Recently in one of our sencha touch project we have created Navigation Drawer for sencha touch. In this blog I will explain how to create it. Let's first understand what is navigation [...]

[...] Recently in one of our project which was a sencha touch app we faced an issue with SEO. As far as I know a site should have all the unique URLs for [...]

[...] Hello, Recently in one of our Sencha Touch project there was a requirement to add autosuggest textbox. As user starts typing there should [...]

[...] Hello, Recently I was working on Sencha Touch, Phonegap application where we have a requirement to change background color of top status bar [...]

[...] Recently in one of my project we have a Sencha Touch list and top banner. Each list item have certain banner text to show. When user scrolls up or [...]

[...] when user tap and hold on sencha touch panel. We all know we can add itemtphold event on sencha touch list. But in my case I have to use panel. In this blog I will explain how to add tap hold event [...]

[...] Recently in one of my project we have a Sencha Touch list with grouped headers. We know that we can control group header styles by CSS or we can [...]

[...] property target.element.dom.clientHeight. If height is less then or equal to 30 which is our item height for the list, we will expand the list item. After expanding list item the height will be 100 [...]

[...] per number of items. For that there is one simple way if items height is fixed. For example if item height is 20 pixel and list has 10 items you can set list height to 200 so all the items would be [...]

[...] scroll view. We can simply calculate top visible item by dividing y offset of scrollview with item height of the list. This will give us top visible item index. Here is the logic to do that. Add [...]

[...] a receiver for the device boot and power on action in your Android manifest file. This broadcast receiver will be invoked when this action happens. Following is the example code. <receiver [...]

[...] , this IntentService is never called. So to overcome with this shortcomings, we have used Broadcast receiver in stead of IntentService. So first define BroadcastReceiver in Manifest file. < [...]

[...] Recently in one of our Sencha Touch project we have a requirement to have expand and collapse all button on top of like to expand and [...]

[...] Recently in one of our sencha touch project we have created Navigation Drawer for sencha touch. In this blog I will explain how to [...]

[...] Hello, Recently in one of our Sencha Touch project there was a requirement to add autosuggest textbox. As user starts typing there should be [...]

[...] add above two functions in controller. expandAll: function(){ var list = this.getItemsList(); var items = list.getViewItems(); var itemsLn = items.length; for (i = 0; i < itemsLn; i++) { item = [...]

[...] in controller when your store is loaded you can add following logic var totalHeight = 0; var items = this.getMyList().getViewItems(); var itemsLn = items.length; for (i = 0; i < itemsLn; [...]

[...] Select App delegate from the right pane and Control + Drag from it to Webview. It will show context menu with Webview. Select the webview and it will add IBOutlet. See the following image. Now we [...]

[...] Recently in one of my project, requirement was to display context menu when user tap and hold on sencha touch panel. We all know we can add itemtphold event on [...]

[...] and click on Ok. It will sync with developer portal and create app group. Now select your app extension target and go to Capabilities - > App Groups. It will be off first. On it and it will sync [...]

[...] this, you should have following structure in your plist file. That's it. Now select your App Extension Target and run the widget. Tap anywhere in your widget and it will open your containing app.  [...]