For New Comers In Appcelerator: Custom Html file open in webView in appcelerator(In Alloy)

Tuesday 28 May 2013

Custom Html file open in webView in appcelerator(In Alloy)

// Its very simple create your own HTML file and you can easily add in appcelerator and open it in webView.

// I checked it in iOS .

// Try starting your HTML file with a simple <HTML> tag only. You don't need the doctype info in there. I had the same problem and that's how I fixed it.

index.js
$.index.open();

var webview = Titanium.UI.createWebView({url:'index.html'}); // Path of html file
$.map.add(webview);

index.tss

".container": {
    backgroundColor:"white"
},
"Label": {
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    color: "#000"
}

index.xml

<Alloy>
    <Window class="container">
       <View id="map"/>
    </Window>
</Alloy>

index.html file Dropbox link.

https://dl.dropboxusercontent.com/u/72783403/AtoZ/index.html

ScreenShot : )

For New Comers In Appcelerator

Tuesday 28 May 2013

Custom Html file open in webView in appcelerator(In Alloy)

No comments:

Post a Comment