Building SharePoint Web Apps using Sencha Touch http://www.sencha.com/blog/building-sharepoint-web-apps-using-sencha-touch In this post we will explore how to build a SharePoint mobile web app using the Sencha Touch mobile JavaScript framework for HTML5 apps. en-us fakeuser@jayrobinson.com Copyright 2012 2012-04-10T17:00:48+00:00 Comment by Kevin Armstrong Hi Luc,  I just downloaded ST 2.0. am trying to adjust code to my sharepoint site per your suggestion.  wish me luck:) Hi Luc,  I just downloaded ST 2.0. am trying to adjust code to my sharepoint site per your suggestion.  wish me luck:)

]]> Mon, 28 May 2012 20:29 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31600#date:20:29 Comment by Luc Stakenborg @Kevin: check out the Sencha Touch download page: http://www.sencha.com/products/touch/download/ Please note: the article above was written using ST 1.1. Current version of Sencha Touch is 2.0 @Kevin: check out the Sencha Touch download page: http://www.sencha.com/products/touch/download/

Please note: the article above was written using ST 1.1. Current version of Sencha Touch is 2.0

]]> Mon, 28 May 2012 19:42 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31599#date:19:42 Comment by Kevin Armstrong Hello, I am new to Sencha & SharePoint 2010.  Is there a place where I may get the Sencha Files?  I’m looking for sencha-touch.js/.css Hello,

I am new to Sencha & SharePoint 2010.  Is there a place where I may get the Sencha Files?  I’m looking for sencha-touch.js/.css

]]> Mon, 28 May 2012 19:18 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31598#date:19:18 Comment by ecommerce software Quite deep meaningful deal here! Actually I first learn that way how to build a SharePoint mobile web app using Sencha Touch. Really it is so helpful task for web designer as me though I would sure print out the page for my use. thanks! Quite deep meaningful deal here! Actually I first learn that way how to build a SharePoint mobile web app using Sencha Touch. Really it is so helpful task for web designer as me though I would sure print out the page for my use. thanks!

]]> Mon, 21 May 2012 06:44 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31556#date:06:44 Comment by Tucson SEO Wow, what a long tutorial here! Again it is very crucial input though I would sure print out the page for my learning and applying. Wow, what a long tutorial here! Again it is very crucial input though I would sure print out the page for my learning and applying.

]]> Sat, 19 May 2012 11:01 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31549#date:11:01 Comment by Tucson SEO Wow, hat a long tutorial here! Again it is very crucial input though I would sure print out the page for my learning and applying. Wow, hat a long tutorial here! Again it is very crucial input though I would sure print out the page for my learning and applying.

]]> Sat, 19 May 2012 10:59 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31548#date:10:59 Comment by John Tallon Great article Luc. I think ExtJS 4 and SharePoint would be superb, I would love to help out if that project went ahead. Great article Luc. I think ExtJS 4 and SharePoint would be superb, I would love to help out if that project went ahead.

]]> Fri, 18 May 2012 20:52 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31547#date:20:52 Comment by Nov Awesome! Awesome!

]]> Thu, 26 Apr 2012 02:33 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31372#date:02:33 Comment by Aswin You are a rockstar!! Thanks a lot!! You are a rockstar!! Thanks a lot!!

]]> Fri, 20 Apr 2012 05:22 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31277#date:05:22 Comment by Mehul Kanani Really Awesome coding and information !! Really Awesome coding and information !!

]]> Wed, 18 Apr 2012 04:34 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31251#date:04:34 Comment by William Vaughan Hey that was really needful. Thanks for sharing. I’ll surely be looking for more. Hey that was really needful. Thanks for sharing. I’ll surely be looking for more.

]]> Mon, 16 Apr 2012 09:29 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31215#date:09:29 Comment by Gustavo Well that was easy!  Luc, Thanks for your quick reply. Well that was easy! 

Luc, Thanks for your quick reply.

]]> Sun, 15 Apr 2012 20:27 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31213#date:20:27 Comment by Luc Stakenborg @Gustavo: the sample was written using Sench Touch 1.1. Sencha Touch 2 is a liitle bit different in how to initialize an application. ST2 uses Ext.application instead of new Ext.Application (ST1.1). Check out the getting started guide of the Sencha Touch 2 doc and use that as a reference. Once you have it working with ST2, it doesn’t matter if you use SharePoint Online or a private SharePoint installation: once the browser is authenticated, you’ll be able to fetch aspx, js and other files and access the data lists. @Gustavo: the sample was written using Sench Touch 1.1. Sencha Touch 2 is a liitle bit different in how to initialize an application. ST2 uses Ext.application instead of new Ext.Application (ST1.1). Check out the getting started guide of the Sencha Touch 2 doc and use that as a reference.

Once you have it working with ST2, it doesn’t matter if you use SharePoint Online or a private SharePoint installation: once the browser is authenticated, you’ll be able to fetch aspx, js and other files and access the data lists.

]]> Sat, 14 Apr 2012 18:40 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31212#date:18:40 Comment by Gustavo Hi Luc, Thank you for your post. I’m getting a blank page when I go to my Office 365 URL app.aspx page.  I have uploaded the four files (app.aspx, app.js, sencha-touch.js, sencha-touch.css) and I’m using secha-touch-2.0.0commercial version. Do I need to be using a different version? or change settings in Office 365? I also tried it on two other non-cloud SharePoint installations, but I got a javascript error on the 1st line of app.js, so I’m going to assume that the example only works on cloud SharePoint sites. Is that a safe assumption? Thanks again! Hi Luc,

Thank you for your post. I’m getting a blank page when I go to my Office 365 URL app.aspx page.  I have uploaded the four files (app.aspx, app.js, sencha-touch.js, sencha-touch.css) and I’m using secha-touch-2.0.0commercial version.

Do I need to be using a different version? or change settings in Office 365?

I also tried it on two other non-cloud SharePoint installations, but I got a javascript error on the 1st line of app.js, so I’m going to assume that the example only works on cloud SharePoint sites. Is that a safe assumption?

Thanks again!

]]> Fri, 13 Apr 2012 20:29 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31206#date:20:29 Comment by Luc Stakenborg @Nicolas and @BC: the commenting system of this blog refused my responses, so apologies for being late. The demo link above leads to a landing page in the SharePoint site where you can explore the data with a desktop browser using the normal SharePoint interface. It also includes the link and QR code to start up the mobile app build with Sencha Touch. If you visit the landing page with a mobile device, unfortunately the default SharePoint mobile UI kicks in and asks for authentication. To visit the landing page with a mobile device, try appending ?mobile=0 to the url. above. I hope this helps. If you still have trouble accessing the demo, you can contact me at l dot stakenborg at oxida dot com for further help. Thanks! @Nicolas and @BC: the commenting system of this blog refused my responses, so apologies for being late.

The demo link above leads to a landing page in the SharePoint site where you can explore the data with a desktop browser using the normal SharePoint interface. It also includes the link and QR code to start up the mobile app build with Sencha Touch.

If you visit the landing page with a mobile device, unfortunately the default SharePoint mobile UI kicks in and asks for authentication.

To visit the landing page with a mobile device, try appending ?mobile=0 to the url. above.

I hope this helps. If you still have trouble accessing the demo, you can contact me at l dot stakenborg at oxida dot com for further help.

Thanks!

]]> Fri, 13 Apr 2012 10:21 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31203#date:10:21 Comment by Luke Looks exciting, gotta watch the demos… Looks exciting, gotta watch the demos…

]]> Fri, 13 Apr 2012 01:08 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31202#date:01:08 Comment by BC I get redirected to login screen too. I get redirected to login screen too.

]]> Thu, 12 Apr 2012 23:33 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31201#date:23:33 Comment by Nicholas Stein @Luc when I put the url at the oxida site linked in the article with IE9 it works.  When I do it on my Verizon Droid Charge, it redirects to the https for microsoft online login screen.  I cannot repeat it here because the blog comments are afraid of spam.  Send me your email and I can give you better details. @Luc when I put the url at the oxida site linked in the article with IE9 it works.  When I do it on my Verizon Droid Charge, it redirects to the https for microsoft online login screen.  I cannot repeat it here because the blog comments are afraid of spam.  Send me your email and I can give you better details.

]]> Thu, 12 Apr 2012 06:00 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31194#date:06:00 Comment by Ryan Mills @Luc Stakenborg: That sounds great. Just SP2010. Let me know if you need any development help or testing. Checkout http://spservices.codeplex.com/ for inspiration! Cheers. @Luc Stakenborg: That sounds great. Just SP2010. Let me know if you need any development help or testing. Checkout http://spservices.codeplex.com/ for inspiration! Cheers.

]]> Wed, 11 Apr 2012 23:38 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31193#date:23:38 Comment by Luc Stakenborg @Ryan Mills: certainly possible. All you need is a ‘proxy’, that connects Ext Models and Stores to SharePoint Lists and Items. If there is enough interest, I will make an ExtJs4/ST2 version available. @Ryan Mills: certainly possible. All you need is a ‘proxy’, that connects Ext Models and Stores to SharePoint Lists and Items. If there is enough interest, I will make an ExtJs4/ST2 version available.

]]> Wed, 11 Apr 2012 19:54 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31192#date:19:54 Comment by Luc Stakenborg @Nicolas: no username/password are required. Where are you prompted for username/password? @Nicolas: no username/password are required. Where are you prompted for username/password?

]]> Wed, 11 Apr 2012 19:50 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31191#date:19:50 Comment by Nicholas Stein What is the username and password for the demo app? What is the username and password for the demo app?

]]> Wed, 11 Apr 2012 17:06 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31190#date:17:06 Comment by Luc Stakenborg Hi Ryan, should certainly be possible. If there is enough interest, I will make available a (hopefully combined) ST2/Ext4 - SharePoint proxy. Do you need SP2007 support? Hi Ryan, should certainly be possible. If there is enough interest, I will make available a (hopefully combined) ST2/Ext4 - SharePoint proxy. Do you need SP2007 support?

]]> Wed, 11 Apr 2012 09:11 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31179#date:09:11 Comment by Ryan Mills Any thoughts/examples on integrating SharePoint with ExtJS 4.1? Any thoughts/examples on integrating SharePoint with ExtJS 4.1?

]]> Wed, 11 Apr 2012 08:46 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31178#date:08:46 Comment by Diego García Hi! I’m working right now with Sencha Touch + WCF and some other Microsoft stuff. Watch this running over a SP server is exciting! Very good info. Hi! I’m working right now with Sencha Touch + WCF and some other Microsoft stuff. Watch this running over a SP server is exciting! Very good info.

]]> Wed, 11 Apr 2012 00:01 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31174#date:00:01 Comment by Javier Thanks Luc… You have been great help and I look forward to trying this out at the new company I am moving to Thanks Luc… You have been great help and I look forward to trying this out at the new company I am moving to

]]> Tue, 10 Apr 2012 19:42 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:31169#date:19:42 Comment by Luc Stakenborg Hi Javier, Please visit https://github.com/lstak/SharePoint-proxy-for-Sencha-Touch . It contains instruction on using SharePoint Web Services (SOAP) proxy which you can use on SharePoint 2007. It works very similar to the OData proxy. Let me know if you need further help. Hi Javier,

Please visit https://github.com/lstak/SharePoint-proxy-for-Sencha-Touch . It contains instruction on using SharePoint Web Services (SOAP) proxy which you can use on SharePoint 2007. It works very similar to the OData proxy. Let me know if you need further help.

]]> Mon, 20 Feb 2012 10:48 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:30749#date:10:48 Comment by Javier Barron This is great. I cant wait to try this… I am currently running 2007. Is there an instructional on 2007 like the one above for 2010.. Or does it all implement the same? This is great. I cant wait to try this… I am currently running 2007. Is there an instructional on 2007 like the one above for 2010.. Or does it all implement the same?

]]> Tue, 14 Feb 2012 20:18 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:30687#date:20:18 Comment by Robert Fauver Sweet! Thanks a bunch Luc! Sweet! Thanks a bunch Luc!

]]> Thu, 09 Feb 2012 02:39 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:30599#date:02:39 Comment by Luc Stakenborg @Robert, Glad you like it! I have also made available a SharePoint proxy based on the SharePoint Web Services. You can use this in combination with SP 2007. So the wait is over! You can find the code for the Soap proxy on the github repository mentioned in the article: https://github.com/lstak/SharePoint-proxy-for-Sencha-Touch @Robert,

Glad you like it!

I have also made available a SharePoint proxy based on the SharePoint Web Services. You can use this in combination with SP 2007. So the wait is over! You can find the code for the Soap proxy on the github repository mentioned in the article: https://github.com/lstak/SharePoint-proxy-for-Sencha-Touch

]]> Wed, 08 Feb 2012 21:57 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:30589#date:21:57 Comment by Robert Fauver *2010 *2010

]]> Wed, 08 Feb 2012 17:14 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:30577#date:17:14 Comment by Robert Fauver I love this and I am so excited to implement. I just have to wait for an upgrade to 2012. :( I love this and I am so excited to implement. I just have to wait for an upgrade to 2012. :(

]]> Wed, 08 Feb 2012 17:13 GMT http://www.sencha.com/blog//building-sharepoint-web-apps-using-sencha-touch#id:30576#date:17:13