{"id":3878,"date":"2019-06-17T17:36:07","date_gmt":"2019-06-17T17:36:07","guid":{"rendered":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/blog\/?p=3878"},"modified":"2019-06-17T17:36:07","modified_gmt":"2019-06-17T17:36:07","slug":"sharepoint-responsiveness-and-mobile-capabilities","status":"publish","type":"post","link":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/sharepoint-responsiveness-and-mobile-capabilities\/","title":{"rendered":"SharePoint responsiveness and mobile capabilities"},"content":{"rendered":"<p>Web technology has changed considerably in the past few years. Microsoft has embraced the new generation of open standards in web technology with a fundamental shift in how SharePoint 2013 supports web content management, responsiveness, and mobile capabilities.<\/p>\n<p><strong>Understanding SharePoint\u2019s Responsive Frame-work and Offering<\/strong><br \/>\nSharePoint has embraced the responsiveness and simplistic design that the modern applications and design landscape demands. Unlike the other offerings of Microsoft, SharePoint also boasts of the intuitive UI, sleek designs and interactive web experiences.  <\/p>\n<p>The Microsoft SharePoint app takes care of key elements like:<br \/>\n\u2022\tresizing as per different resolutions<br \/>\n\u2022\tscreen sizes,<br \/>\n\u2022\talternate image mapping,<br \/>\n\u2022\tCSS media queries <\/p>\n<p>SharePoint 2013 onwards and SharePoint online supports Bootstrap, one of the leading responsive and mobile friendly CSS frameworks. The sites and pages can be accessed by any Desktop, mobile, tablets on any browser without any loss of functionality or page designs.<br \/>\n\u2003<br \/>\n<strong>Leveraging SharePoint\u2019s Mobile Responsiveness Features<\/strong><br \/>\nIn terms of mobile responsiveness, the Microsoft SharePoint app has come a long way in terms of delivering enterprise capabilities and applications on the go, within your pocket. Microsoft offers a dedicated and free of cost app for the following three major mobile platforms:<br \/>\n\u2022\tWindows<br \/>\n\u2022\tAndroid<br \/>\n\u2022\tiPhones<\/p>\n<p>The app can be installed without any hassles and supports both online and on-premise versions (SharePoint 2013 and above) of SharePoint. <\/p>\n<p><strong>Installing the App<\/strong><br \/>\nOnce a user installs the app, the app will ask for the credentials to authorize. This is a onetime activity. In the case of on-premise versions, users can type in the URL directly and authorize themselves by providing the credentials. The credentials page appears as shown in the image below.<\/p>\n<p><strong>Fig 1: User Sign in page<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic1-1-176x300.png\" alt=\"\" width=\"176\" height=\"300\" class=\"alignnone size-medium wp-image-3880\" \/>   <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic7-1-174x300.png\" alt=\"\" width=\"174\" height=\"300\" class=\"alignnone size-medium wp-image-3887\" \/><\/p>\n<p>After logging in to the app, one finds the mobile version to be very fluid and not much different than the browser-based experience. In case the user is within a SharePoint Online site in the app, he is presented with the following three sections:<br \/>\n\u00b7\tNews<br \/>\n\u00b7\tFind<br \/>\n\u00b7\tMe<\/p>\n<p><strong>Exploring the News Section<\/strong><br \/>\nThe news section displays all the news posts across your various sites. The news section lets a user do the following:<br \/>\n\u2022\tsave the posts to view later<br \/>\n\u2022\tshare it internally or externally via Facebook, WhatsApp, etc<br \/>\n\u2022\tview more details of the news posts<br \/>\nThe news posts can be further filtered to show items across these sections.<\/p>\n<p><strong>Fig 2: News Section<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic2-1-175x300.png\" alt=\"\" width=\"175\" height=\"300\" class=\"alignnone size-medium wp-image-3881\" \/><\/p>\n<p><strong>Exploring the Find Option<\/strong><br \/>\nFind is synonymous to the out-of-the-box search that SharePoint offers in its web versions. The Find screen lets the user search for contents. SharePoint offers an extensive search that filters the results across the following sections as shown in the figure below.<br \/>\n\u2022\tAll<br \/>\n\u2022\tSites<br \/>\n\u2022\tFiles<br \/>\n\u2022\tPeople<br \/>\n\u2022\tNews<\/p>\n<p>The Find landing screen also displays the frequently visited sites, People, recent files, etc.<\/p>\n<p><strong>Fig 3: Find Section<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic3-1-175x300.png\" alt=\"\" width=\"175\" height=\"300\" class=\"alignnone size-medium wp-image-3882\"     \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/pic8-175x300.png\" alt=\"\" width=\"175\" height=\"300\" class=\"alignnone size-medium wp-image-3889\" \/><\/p>\n<p><strong>Exploring the Me section<\/strong><br \/>\nThe Me section is the people section of the app where a user can view all his details.  The section has two tabs- Recent and Saved. Recent display the items that a user has recently accessed. Saved displays all the items saved by the user.<\/p>\n<p><strong>Fig 4: Me section<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic4-1-176x300.png\" alt=\"\" width=\"176\" height=\"300\" class=\"alignnone size-medium wp-image-3883\" \/><\/p>\n<p><strong>Understanding Additional Features in the SharePoint App<\/strong><br \/>\nSharePoint offers smooth navigation in the app. For example, if the user has to visit any site, he can directly use the Find screen. In case the site does not open from the Find section a user can also use the \u201cMore sites\u201d option.<br \/>\nOn opening the site, a user can work with files, documents, lists, etc. There is a mobile menu for site content navigation. Clicking on it will open the available options as shown in the next image.\u2003<\/p>\n<p><strong>Fig 5: List Menu on opening a site<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic5-1-175x300.png\" alt=\"\" width=\"175\" height=\"300\" class=\"alignnone size-medium wp-image-3884\" \/><\/p>\n<p>SharePoint also allows users to add documents and folders with ease. Users can perform the following options on the documents<br \/>\n\u2022\tDownload<br \/>\n\u2022\tDelete<br \/>\n\u2022\tCopy link<br \/>\n\u2022\tView<br \/>\n\u2022\tManage version history<\/p>\n<p><strong>Fig 6: Managing Documents within a site<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/Pic6-1-176x300.png\" alt=\"\" width=\"176\" height=\"300\" class=\"alignnone size-medium wp-image-3885\"\n\/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-content\/uploads\/2019\/06\/pic9-176x300.png\" alt=\"\" width=\"176\" height=\"300\" class=\"alignnone size-medium wp-image-3891\" \/><\/p>\n<p><strong>Conclusion<\/strong><br \/>\nThese were some of the key highlights from the SharePoint app. The app lives up to the pocket-sized gateway to your enterprise applications. As we have seen, SharePoint allows many useful actions that can be performed on the go.<\/p>\n<p>Microsoft rolls out new features in its SharePoint app with every new update. If you\u2019d like to be posted on these, learn more on this topic or are keen to get answers to some very specific queries, feel free to write to us at emailid@domainname. To check more on customized solutions for Office 365 do visit our website <a href=\"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech.\">https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web technology has changed considerably in the past few years. Microsoft has embraced the new generation of open standards in web technology with a fundamental shift in how SharePoint 2013 supports web content management, responsiveness, and mobile capabilities. Understanding SharePoint\u2019s Responsive Frame-work and Offering SharePoint has embraced the responsiveness and simplistic design that the modern [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[80],"tags":[],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/posts\/3878"}],"collection":[{"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/comments?post=3878"}],"version-history":[{"count":0,"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/posts\/3878\/revisions"}],"wp:attachment":[{"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/media?parent=3878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/categories?post=3878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teamwp.mydevfactory.com\/abhisek-saha\/aqltech\/wp-json\/wp\/v2\/tags?post=3878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}