{"id":1012,"date":"2010-04-18T20:39:37","date_gmt":"2010-04-19T01:39:37","guid":{"rendered":"http:\/\/blogs.devhorizon.com\/reza\/?p=1012"},"modified":"2010-04-19T07:18:37","modified_gmt":"2010-04-19T12:18:37","slug":"brand-new-mobile-interface-in-sharepoint-2010","status":"publish","type":"post","link":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/","title":{"rendered":"Brand New Mobile Interface in SharePoint 2010"},"content":{"rendered":"

The new mobile interface in SharePoint 2010 is definitely improved comparing to the previous version. Sahil has got a short and nice blog post<\/a> where he shows the basic browsing experience of a SharePoint site and a list in his iPhone. I also tested many different parts of the product in my iPhone and Windows mobile and the result\u00a0 is quite interesting.\u00a0 In this blog post, we will look at InfoPath forms and Excel Workbooks published to Excel Services.<\/p>\n

Among many new features introduced in InfoPath 2010 and InfoPath Form Services 2010, are the equal rendition across the major browsers, compliant browser forms , WCAG 2.0, XHTML 1.0, and strict CSS. Below, you’ll see a SharePoint list that’s customized using InfoPath 2010. As you can tell,\u00a0 a browser-enabled InfoPath form is used to create a new training course:<\/p>\n

<\/a><\/p>\n

\"InfoPathPost0\"<\/a><\/p>\n

The following Figure shows the specific\u00a0 list item, created above in an InfoPath form rendered for mobile view:<\/p>\n

<\/a><\/p>\n

\"InfoPathPost\"<\/a><\/p>\n

As you can see in the left screenshot, if you have the appropriate permission you can create a new list item directly from within the mobile device or perform other actions.There are a couple of limitations, though. Remember \u201cEnable rendering on a mobile device\u201d in the form option dialog in InfoPath 2007? In InfoPath 2010, by default, every form can be viewed on mobile devices. However, there are unsupported controls and there are those controls that render as plain text boxes such as the Date\/Time Picker and People\/Group Picker, as shown in Figure below:<\/p>\n

<\/a><\/p>\n

\"InfoPathPost1\"<\/a><\/p>\n

Like before, possibilities are endless using the InfoPath object model. you can touch on everything on the form. Literally everything!<\/p>\n

You can use the Environment <\/em>object (in the form’s code behind) to determine which runtime environment and program was used to open the form.\u00a0 This class provides a property called IsMobile <\/em>which returns true <\/em>if the form is viewed by a mobile browser. In this particular example, I am setting a field called IsMobileField <\/em>which will be used later during the form load life cycle (not discussed in this blog post).<\/p>\n

[CSharp]
\npublic void FormEvents_Loading(object sender, LoadingEventArgs e)
\n {
\n XPathNavigator rootNav = MainDataSource.CreateNavigator();
\n if (Environment.IsMobile)
\n {
\n XPathNavigator mobileFieldNav = rootNav.SelectSingleNode(“\/my:myFields\/my:IsMobileField”, NamespaceManager);
\n mobileFieldNav.SetValue(“true”);
\n }
\n }
\n[\/CSharp]<\/p>\n

Another nice parity between desktop browser and mobile browser is the Excel Web App.\u00a0 The Excel Web App works in IE, Firefox, and Safari. Figure below shows a published Excel Workbook in the browser and in Safari browser in iPhone 3G.For those of you who are not familiar with Excel Web App, it’s an extension of the Excel rich client that\u00a0 allows users to view and edit workbooks in the browser.<\/p>\n

Here you go:<\/p>\n

A published Workbook in IE:<\/p>\n

<\/a><\/p>\n

\"InfoPathPost25\"<\/a><\/p>\n

A published Workbook in Safari browser in iPhone 3G:<\/p>\n

<\/a><\/p>\n

\"InfoPathPost2\"<\/a><\/p>\n

Pretty slick, eh?<\/p>\n

As a final remark, don’t\u00a0 forget two techniques:<\/p>\n

    \n
  1. Mobile query string for quickly examine the mobile output of a page (it doesn’t work in some page)\u00a0 : http:\/\/adventureworks.devhorizon.com\/?Mobile=1\u00a0<\/strong><\/li>\n
  2. Mobile section in a view (all the way on the bottom of a page), as shown below.<\/li>\n<\/ol>\n

    <\/a><\/p>\n

    \"InfoPathPost3\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

    The new mobile interface in SharePoint 2010 is definitely improved comparing to the previous version. Sahil has got a short and nice blog post where he shows the basic browsing experience of a SharePoint site and a list in his iPhone. I also tested many different parts of the product in my iPhone and Windows […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[],"class_list":["post-1012","post","type-post","status-publish","format-standard","hentry","category-sharepoint-2010"],"yoast_head":"\nBrand New Mobile Interface in SharePoint 2010 - Reza Alirezaei's Blog %<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reza Alirezaei\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/\"},\"author\":{\"name\":\"Reza Alirezaei\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#\\\/schema\\\/person\\\/cdbb24d283697a65951cb4a14e474938\"},\"headline\":\"Brand New Mobile Interface in SharePoint 2010\",\"datePublished\":\"2010-04-19T01:39:37+00:00\",\"dateModified\":\"2010-04-19T12:18:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/\"},\"wordCount\":516,\"commentCount\":3,\"image\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/farm3.static.flickr.com\\\/2720\\\/4532633603_72d6051c9e_o.png\",\"articleSection\":[\"SharePoint 2010\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/\",\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/\",\"name\":\"Brand New Mobile Interface in SharePoint 2010 - Reza Alirezaei's Blog %\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/farm3.static.flickr.com\\\/2720\\\/4532633603_72d6051c9e_o.png\",\"datePublished\":\"2010-04-19T01:39:37+00:00\",\"dateModified\":\"2010-04-19T12:18:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#\\\/schema\\\/person\\\/cdbb24d283697a65951cb4a14e474938\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2010\\\/04\\\/18\\\/brand-new-mobile-interface-in-sharepoint-2010\\\/#primaryimage\",\"url\":\"http:\\\/\\\/farm3.static.flickr.com\\\/2720\\\/4532633603_72d6051c9e_o.png\",\"contentUrl\":\"http:\\\/\\\/farm3.static.flickr.com\\\/2720\\\/4532633603_72d6051c9e_o.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#website\",\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/\",\"name\":\"Reza Alirezaei's Blog\",\"description\":\"Blogging from the field!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#\\\/schema\\\/person\\\/cdbb24d283697a65951cb4a14e474938\",\"name\":\"Reza Alirezaei\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g\",\"caption\":\"Reza Alirezaei\"},\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/author\\\/rezaa\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Brand New Mobile Interface in SharePoint 2010 - Reza Alirezaei's Blog %","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/","twitter_misc":{"Written by":"Reza Alirezaei","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/#article","isPartOf":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/"},"author":{"name":"Reza Alirezaei","@id":"https:\/\/blogs.devhorizon.com\/reza\/#\/schema\/person\/cdbb24d283697a65951cb4a14e474938"},"headline":"Brand New Mobile Interface in SharePoint 2010","datePublished":"2010-04-19T01:39:37+00:00","dateModified":"2010-04-19T12:18:37+00:00","mainEntityOfPage":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/"},"wordCount":516,"commentCount":3,"image":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/#primaryimage"},"thumbnailUrl":"http:\/\/farm3.static.flickr.com\/2720\/4532633603_72d6051c9e_o.png","articleSection":["SharePoint 2010"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/","url":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/","name":"Brand New Mobile Interface in SharePoint 2010 - Reza Alirezaei's Blog %","isPartOf":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/#primaryimage"},"image":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/#primaryimage"},"thumbnailUrl":"http:\/\/farm3.static.flickr.com\/2720\/4532633603_72d6051c9e_o.png","datePublished":"2010-04-19T01:39:37+00:00","dateModified":"2010-04-19T12:18:37+00:00","author":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/#\/schema\/person\/cdbb24d283697a65951cb4a14e474938"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blogs.devhorizon.com\/reza\/2010\/04\/18\/brand-new-mobile-interface-in-sharepoint-2010\/#primaryimage","url":"http:\/\/farm3.static.flickr.com\/2720\/4532633603_72d6051c9e_o.png","contentUrl":"http:\/\/farm3.static.flickr.com\/2720\/4532633603_72d6051c9e_o.png"},{"@type":"WebSite","@id":"https:\/\/blogs.devhorizon.com\/reza\/#website","url":"https:\/\/blogs.devhorizon.com\/reza\/","name":"Reza Alirezaei's Blog","description":"Blogging from the field!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.devhorizon.com\/reza\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blogs.devhorizon.com\/reza\/#\/schema\/person\/cdbb24d283697a65951cb4a14e474938","name":"Reza Alirezaei","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g","caption":"Reza Alirezaei"},"url":"https:\/\/blogs.devhorizon.com\/reza\/author\/rezaa\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts\/1012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/comments?post=1012"}],"version-history":[{"count":0,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts\/1012\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/media?parent=1012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/categories?post=1012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/tags?post=1012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}