tag:blogger.com,1999:blog-15604340513387869302024-03-15T13:59:51.197+05:30Explore Microsoft 365Microsoft 365, SharePoint Online, Power BI, SharePoint On Premises, C#, .Net & Tips
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.comBlogger166125tag:blogger.com,1999:blog-1560434051338786930.post-88905448465150637212017-11-16T20:59:00.000+05:302017-11-16T20:59:17.512+05:30Migrating InfoPath forms from SharePoint 2010 to Online<b><span style="color: #cc0000; font-family: inherit;">Introduction</span></b><br />
<span style="font-family: inherit;">InfoPath was never built for SharePoint to begin with - that's the fact that many people miss. It was retrofitted to support SharePoint so that forms solutions could be used on SharePoint</span><br />
<span style="font-family: inherit;">There are limitations inside InfoPath that could not have grown with the SharePoint trajectory. Because of that, Microsoft turned to researching a Web-based solution for the design and creation of forms in SharePoint or somewhere online instead of doing it on a desktop, which InfoPath does</span><br />
<span style="color: #cc0000; font-family: inherit;"><b>How InfoPath forms are used in SharePoint 2010?</b></span><span style="font-family: inherit;"> <br />When you customize the SharePoint List/Library with InfoPath form then one of the following solutions is implemented:</span><br />
<div>
<span style="font-family: inherit;">1. Customizing the <b>default SharePoint List template</b>(customizing the new, edit & display forms/views) - forms connected with "Item Content Type". This can be connected with SharePoint Designer to automate business process with workflows - example: Send emails</span></div>
<div>
<span style="font-family: inherit;">2. Customizing the <b>SharePoint Form Library</b> where "Form Content Type" is used to store the forms. User will fill the form and submits the form back to the form library </span></div>
<div>
<span style="font-family: inherit;">3. <b>Advanced solutions</b> involves two types of implementations <br />i) Using <b>data connections</b> - data from Database, Web Service (.asmx / WCF services), XML, etc.<br />ii) Using <b>custom code/sandbox solutions</b> - writing custom codes for custom events using C#/VB scripts <a href="https://msdn.microsoft.com/en-us/library/office/ee526362.aspx">https://msdn.microsoft.com/en-us/library/office/ee526362.aspx</a></span></div>
<b><span style="color: #cc0000; font-family: inherit;">Problems/Issues/Known facts</span></b><br />
<div>
1. There will be no InfoPath 2016, but <b>InfoPath 2013</b> is filling that role. <br />
SharePoint 2016 works with InfoPath 2013, which will be supported until <b>2026</b> as if it were part of Office 2016.<br />
2. InfoPath 2013 is now available in the Microsoft Download Center.<br />
3. Microsoft has provided guidance that the successor to InfoPath will be PowerApps, but with caveats: feature parity with InfoPath is not a goal, and InfoPath will still be preferred for some scenarios involving offline work and rich XML documents, for example. </div>
<div>
4. Office 365 will support InfoPath <b>browser forms in SharePoint Online ‘until further notice‘. </b>There were indications that support might end one year after the release of Office 2016, but that date has now passed.<br />
5<b>. InfoPath browser forms with code do not work with the Managed Solutions Gallery (2013, 2016)</b>6.<b> InfoPath browser forms with code do not work on SharePoint Onlin</b>e. Reference: <a href="https://dev.office.com/blogs/removing-code-based-sandbox-solutions-in-sharepoint-online" target="_blank">Removing Code-Based Sandbox Solutions in SharePoint Online</a><br />
7. InfoPath browser forms do not work on mobile devices when SharePoint Online mobile view is enabled.<br />
8. There are reports of problems using InfoPath 2013 with Outlook 2016 email.<br />
9. Microsoft's Forms Preview is determined not to be InfoPath replacement <br />
<b><i>Reference:</i></b> <a href="https://blog.formotus.com/enterprise-mobility/microsoft-announces-future-infopath">https://blog.formotus.com/enterprise-mobility/microsoft-announces-future-infopath</a><br />
10. InfoPath form in SharePoint Online doesn’t support some web service data connection which are supported in SP 2010<br />This issue occurs because loopback protection is enabled in the SharePoint Online environment. <b>Loopback protection must be disabled for InfoPath forms to be able to connect to a SharePoint Online web service</b>. This works only when loopback protection is disabled. For security reasons, loopback protection is always enabled in SharePoint Online. This is a known limitation of InfoPath forms in the Office 365 SharePoint Online. <b>But as confirmed by Microsoft. it is not possible to disable it due to security issue.</b> <br />Error message when you connect an InfoPath form to a SharePoint Online web service: "An error occurred while connecting to a Web Service"<br />Only the following web services are supported:<br /> <b>lists.asmx</b> <br /> CheckOutFile<br /> CheckInFile<br /><b> usergroup.asmx </b> GetUserCollectionFromGroup<br /> GetUserCollectionFromSite<br /> GetGroupCollectionFromWeb<br /><b> UserProfileService.asmx</b> GetUserProfileByName (If you are using User Profile Service connections and classic authentication? You might have to update rules/formatting to handle the <b>claims usernames</b> now that are standard in 2013/Online)<br /> <b>GetUserPropertyByAccountName</b><br /> GetCommonManager<br /> GetUserMemberships<br /> GetCommonMemberships<br /><b><i>References</i></b>:<a href="https://blog.formotus.com/enterprise-mobility/microsoft-announces-future-infopath" target="_blank"> Microsoft on the Future of InfoPath</a> <br /><a href="https://www.blogger.com/goog_615247041"><span id="goog_615247042"></span>InfoPath 2010 features unavailable in Web browser forms</a><br />
<span style="color: #cc0000; font-family: inherit;"><b>Microsoft's next steps/strategy</b></span><span style="font-family: inherit;"><br /></span></div>
<span style="font-family: inherit;"><b>1. InfoPath 2013 will remain the latest version and no more new versions will be released</b><br />2. The guidance (from Microsoft) is that InfoPath will still be supported through 2026, which is a long time in terms of software technology. <br />Support </span><br />
<span style="font-family: inherit;"><b><i>Reference</i></b>: <a href="https://blogs.office.com/en-us/2016/01/20/sharepoint-server-2016-and-project-server-2016-release-candidate-available/">https://blogs.office.com/en-us/2016/01/20/sharepoint-server-2016-and-project-server-2016-release-candidate-available/</a></span><br />
<span style="font-family: inherit;">3. Microsoft is going to deprecate SharePoint Designer, too, which I understand is used to build sites, workflows, create themes, page layouts and many other uses. <br />4. Microsoft's answer is that SharePoint Designer 2013 will work with SharePoint Server 2016, just like InfoPath 2013 will work with SharePoint Server 2016. This is good for SharePoint On-Premise users</span><br />
<span style="font-family: inherit;">5. For SharePoint Online (Office 365), Microsoft's answers are:<br /><b>Microsoft Power Apps</b> in place of <b>InfoPath forms</b> (Power Apps not a complete replacement/alternative to InfoPath forms but still this is an option available now)<br /><b>Microsoft Flow</b> in place of <b>SharePoint Designer for workflows</b><br />The above features/additions are made keeping <b>Cloud first and Mobile first strategy</b> in the mind</span><br />
<span style="color: #cc0000; font-family: inherit;"><b>Other Considerations</b></span><br />
<span style="font-family: inherit;">There are a couple things to think about when you’re complete. </span><br />
1. <span style="font-family: inherit;">You’ve changed the version of SharePoint. </span><span style="font-family: inherit;">If you’re upgrading say from Office 2010 to Office 2013 and InfoPath 2013 has some changes from 2010 to think about</span><br />
2. <span style="font-family: inherit;">Check all your data connections and ensure they work</span><br />
<span style="font-family: inherit;">Hopefully this allowed you to migrate a complex InfoPath list form from SharePoint 2010 to SharePoint 2013/Online with relative ease. </span><br />
<span style="font-family: inherit;">Happy Share(ing)Point! </span>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-1560434051338786930.post-33431741372829565582017-11-03T02:53:00.000+05:302017-11-03T02:54:16.823+05:30We can't do that for you because the file is no longer checked out or has been deleted<span style="font-family: inherit;">This error is an interesting scenario but so weird one which I faced recently while migrating SharePoint 2010 designer workflows to SharePoint Online.<br />Post migration, when I try to edit the workflow in designer I got the below error:</span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="font-family: inherit;">It clearly shows some configuration files are missing. </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bBYWS0gTJuISVtkCaxeX_q8T7gSDdtAnszj5-44rM6_b6TysXkIGfIjXN8F7ckO6F-IC5LhVl2PZvuU-2eYc0IV1LqBDwJND5DZDp0Y1DBicQKOAHFZbvajRX-kAWMwKmJe5oB1HSAY/s1600/Config+Error.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="115" data-original-width="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3bBYWS0gTJuISVtkCaxeX_q8T7gSDdtAnszj5-44rM6_b6TysXkIGfIjXN8F7ckO6F-IC5LhVl2PZvuU-2eYc0IV1LqBDwJND5DZDp0Y1DBicQKOAHFZbvajRX-kAWMwKmJe5oB1HSAY/s1600/Config+Error.png" /></a></div>
<span style="font-family: inherit;">Hence I have navigated to All Files (from SharePoint Designer 2013) -> Workflows folder -> Workflow -> noticed only one file is migrated but other configuration<b> XOML, XSD or XML files are missing.</b>Now, logged in to the designer with the account which I migrated and found all these required files are Checked Out. When I try to check in the file then I get this error:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5D3T77zLzI27fr1U_Ja3qJU0bPDKwOZSq9oQmNxfHRsas2EeHICKZRV9xg1Hoh1g3gz_ACDzC874QaC4Ikz9taYpyuByFZL71_J6MeGhVd1aQg-mHHNHiwtUDeIavjwgY_JrXqYS0Uew/s1600/2017-11-02_15-51-26.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="115" data-original-width="530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5D3T77zLzI27fr1U_Ja3qJU0bPDKwOZSq9oQmNxfHRsas2EeHICKZRV9xg1Hoh1g3gz_ACDzC874QaC4Ikz9taYpyuByFZL71_J6MeGhVd1aQg-mHHNHiwtUDeIavjwgY_JrXqYS0Uew/s1600/2017-11-02_15-51-26.png" /></a></div>
<span style="font-family: inherit;">It is so confusing that you are not able to Check In the file even when you are SCA or have full control over the site or even if you have created the workflow.</span><br />
<span style="font-family: inherit;">After hours of confusion, finally found the <i><b><span style="color: #0b5394;">file has having wrong file name or characters which SharePoint Online(Office 365) does not support</span></b></i>. But this name format is supported in SharePoint 2010 version. Screenshot for reference.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBoZVf2kaCsMloI9wd9AdrfgMvDyuiK6TZle_MuzihXpeVJowPfVEGRsqbo9Eyy-C_nT-aWOe7NA57-IizuV3xbCiWyN7aIiiQm2RPXNURQW2Q7XBH7U5dyajFl91DyAnAeR92-ZkRRA/s1600/2017-11-02_15-51-48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="429" data-original-width="630" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBoZVf2kaCsMloI9wd9AdrfgMvDyuiK6TZle_MuzihXpeVJowPfVEGRsqbo9Eyy-C_nT-aWOe7NA57-IizuV3xbCiWyN7aIiiQm2RPXNURQW2Q7XBH7U5dyajFl91DyAnAeR92-ZkRRA/s1600/2017-11-02_15-51-48.png" /></a></div>
<div>
<span style="color: #cc0000; font-family: inherit;"><b>Issue Fix:</b></span><span style="font-family: inherit;"></span><br />
<blockquote class="tr_bq">
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;"><b>Navigate to Workflows folder -> select the workflow name -> Right Click on the file -> Properties -> Remove the forward slash '/' -> Save -> Check in the file :)</b></span></blockquote>
<span style="font-family: inherit;">
</span></div>
Now, you should be able to edit the workflow in designer, save / publish it with no issues.<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Thought this is worth sharing so that it saves someone's time!</span></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-75143653266145530032017-10-09T08:51:00.000+05:302017-10-09T09:03:36.459+05:30Check if current user is member of a SharePoint group using JQuery<b><span style="color: #cc0000;">Scenario</span></b><br />
<div>
<div>
This code will help you to check if the current user is a member of a group.</div>
<div>
Suppose you want to check if the current user is member of a Owners group or not. Just update the "grpName" variable value and run the code 😎<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Qd5x_i08dmzjwwqUa-vm2Pz7x20dBh__s1GRE7pJEi3diiU76CLhk1J8V82dcLO61WN5rAtruVdz7bvub0KNtXtxo6-ge75S4gZotXR5oow-pE5vV0t-s2FJ6Xkahkcah-7Nn2kLVbw/s1600/SPGroups.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="220" data-original-width="172" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Qd5x_i08dmzjwwqUa-vm2Pz7x20dBh__s1GRE7pJEi3diiU76CLhk1J8V82dcLO61WN5rAtruVdz7bvub0KNtXtxo6-ge75S4gZotXR5oow-pE5vV0t-s2FJ6Xkahkcah-7Nn2kLVbw/s200/SPGroups.png" width="156" /></a></div>
</div>
</div>
<div>
<span style="color: #cc0000;"><b>Steps to use the code</b></span></div>
<div>
<div>
1. Use the Script Editor web part and add this code to check if a user is in a SP group </div>
<div>
2. Or use this code as a reference in a Content Editor web part</div>
<div>
3. Use this script as a reference in a SharePoint custom list forms or in any SP pages</div>
</div>
<div>
<b><span style="color: #cc0000;">Code</span></b></div>
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">$(document).ready(<span style="color: blue;">function</span> (e) {
ExecuteOrDelayUntilScriptLoaded(IsCurrentUserMemberOfGroup, <span style="color: #a31515;">"sp.js"</span>);
});
<span style="color: blue;">function</span> IsCurrentUserMemberOfGroup() {
<span style="color: blue;">var</span> grpName = <span style="color: #a31515;">"Site Owners"</span>;
<span style="color: blue;">var</span> userInGroup;
<span style="color: blue;">var</span> currentContext = <span style="color: blue;">new</span> SP.ClientContext.get_current();
<span style="color: blue;">var</span> currentWeb = currentContext.get_web();
<span style="color: blue;">var</span> currentUser = currentContext.get_web().get_currentUser();
currentContext.load(currentUser);
<span style="color: blue;">var</span> allGroups = currentWeb.get_siteGroups();
currentContext.load(allGroups);
<span style="color: blue;">var</span> group = allGroups.getByName(grpName);
currentContext.load(group);
<span style="color: blue;">var</span> groupUsers = group.get_users();
currentContext.load(groupUsers);
currentContext.executeQueryAsync(OnSuccess, OnFailure);
<span style="color: blue;">function</span> OnSuccess(sender, args) {
<span style="color: blue;">var</span> groupUserEnumerator = groupUsers.getEnumerator();
<span style="color: blue;">while</span> (groupUserEnumerator.moveNext()) {
<span style="color: blue;">var</span> groupUser = groupUserEnumerator.get_current();
<span style="color: blue;">if</span> (groupUser.get_id() == currentUser.get_id()) {
userInGroup = <span style="color: blue;">true</span>;
<span style="color: blue;">break</span>;
}
}
<span style="color: blue;">if</span> (userInGroup) {
<span style="color: green;">//alert("user exists in the group");</span>
<span style="color: green;">//do some operation.</span>
}
<span style="color: blue;">else</span> {
<span style="color: green;">//alert("user doestn't exist in the group");</span>
}
}
<span style="color: blue;">function</span> OnFailure(sender, args) {
<span style="color: green;">//error message.</span>
}
}
</pre>
</div>
Happy coding!!!Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-60231322682521664592017-10-04T08:28:00.004+05:302017-10-04T08:31:05.122+05:30Differences between Communication Sites and Modern Team Sites<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1jc7A6pjxCxG_75tNTranTfYmn-z9cpG7B1qu5jwQMTkA8RYzxg-PFE-05CBi7GkZmUeXKs5XdWbFdGaQB94mIPtjP_OpCJKGdsNh6EFRjkhOqPxKTD-hSoV8wtxWLuPLFplZUaOOlM/s1600/2017-09-28_22-25-12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="635" data-original-width="1600" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1jc7A6pjxCxG_75tNTranTfYmn-z9cpG7B1qu5jwQMTkA8RYzxg-PFE-05CBi7GkZmUeXKs5XdWbFdGaQB94mIPtjP_OpCJKGdsNh6EFRjkhOqPxKTD-hSoV8wtxWLuPLFplZUaOOlM/s640/2017-09-28_22-25-12.png" width="640" /></a></div>
<br />
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background: white; border-collapse: collapse; border: none; margin-left: 0.75pt; text-align: left;">
<tbody>
<tr>
<td style="background: #2E86C1; padding: .75pt .75pt .75pt .75pt;"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-family: inherit;"><b><span style="color: white; font-size: 12pt;">#</span></b><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</td>
<td style="background: #2E86C1; padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-family: inherit;"><b><span style="color: white; font-size: 12pt;">Communication Sites</span></b><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</td>
<td style="background: #2E86C1; padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<span style="font-family: inherit;"><b><span style="color: white; font-size: 12pt;">Modern Team Sites</span></b><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="color: #2a2a2a; font-size: 9pt;"><span style="font-family: inherit;"> 1<o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Communication Sites are a convenient way for broadcasting or
communicating information to <b>wider audience </b></span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Team Sites are sites created for users to work <b>collaborate
as a team</b></span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 2</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">In Communication site, typically there are a small number of users and
many readers</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">In a team site, most users contribute content and collaborate each
other</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 3</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">There are 3 designs (<b>Topic, Showcase and Blank</b>) available for
Communication Sites to choose from while site creation</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">There are no different designs available for Team sites to choose from
while site creation</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 4</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Communication Site are ready made from the get go for <b>sharing
information </b></span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> Team sites are focused on <b>Collaboration </b>and
backed by Office 365 Groups</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 5</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">No shared apps are created automatically when communication site is
created</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> A <b>shared Documents, Calendar, One Note, Planner tasks
board, mailbox</b> is created automatically when a new modern team site
is created</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 6</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Office 365 groups are not automatically when communication site is
created</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Creating a Team Site automatically creates <b>Office 365 groups</b></span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 7</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Communication Sites are <b>private </b>by default </span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Modern Team Sites are <b>public </b>by default</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 8</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">While site creation, it does not prompt to add users/members to the
site</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">While site creation, it automatically prompts to add additional
owners, members</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 9</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><b><span style="color: #2a2a2a; font-size: 10.5pt;">Default top navigation</span></b><span style="color: #2a2a2a; font-size: 10.5pt;"> (Home, Documents, Pages and
Site Contents) is added when new site is created </span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">There is no default top navigation</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 13.5pt;"> </span><span style="color: #2a2a2a; font-size: 10.5pt;">10</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">There is no left navigation in home page </span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Traditional <b>left navigation i</b>s created by default</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 11</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Clicking on “Home” in the top menu just navigates to the home page
instead of displaying more options</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> Clicking on “Site Name” link opens a small context menu showing
options to navigate to Home, Conversations, Calendar, Files, Notebook,
Planner and Members. Also, it shows the numbers of members, option to leave
group</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 12</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">There are no such options in Communication Sites</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">Team Sites show a summary of team members and a link to team
conversations in the upper right-hand corner of the site navigation</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
</tr>
<tr>
<td style="padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;"> 13</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 216.2pt;" width="122"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="color: #2a2a2a; font-size: 10.5pt;">The security groups are the more traditional SharePoint groups</span><span style="color: #2a2a2a; font-size: 9pt;"><o:p></o:p></span></span></div>
</div>
</td>
<td style="padding: .75pt .75pt .75pt .75pt; width: 217.0pt;" width="140"><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm;">
<div style="text-align: left;">
<span style="color: #2a2a2a; font-size: 10.5pt;"><span style="font-family: inherit;">It is Office 365 groups for permissions in modern team sites</span></span><span style="color: #2a2a2a; font-family: "segoe ui" , sans-serif; font-size: 9.0pt;"><o:p></o:p></span></div>
</div>
</td>
</tr>
</tbody></table>
<div style="text-align: left;">
<br /></div>
<div class="MsoNormal">
<b><span style="color: #cc0000;">See Also</span></b><br />
<div class="separator" style="background-color: white; border: 0px; box-sizing: inherit; clear: both; font-size: 16px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit;"><span style="color: black; font-family: inherit;"></span></span></div>
<blockquote class="tr_bq">
<a href="http://sharepoint-works.blogspot.com/2017/08/communication-sites-in-sharepoint-online.html" target="_blank">Communication Sites in SharePoint Online</a><br />
<a href="http://sharepoint-works.blogspot.com/2017/10/modern-team-sites-in-sharepoint-online.html" target="_blank">Modern Team Sites in SharePoint Online Explained</a><br />
<div>
<br /></div>
</blockquote>
<div class="separator" style="background-color: white; border: 0px; box-sizing: inherit; clear: both; font-size: 16px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit;"><span style="color: black; font-family: inherit;">Please free to comment. Always. your comments help me to write more.</span><span style="border: 0px; box-sizing: inherit; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">😃</span><span style="color: black; font-family: inherit;"> Share this post to others if this helps you!</span><span style="border: 0px; box-sizing: inherit; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">😇</span></span></div>
<i style="background-color: white; font-size: 16px;"><span style="color: black; font-family: inherit;">Don't forget to subscribe to the posts to get notified about new tutorials by clicking the Subscribe button on the top right corner and follow us in social buttons as well.</span></i></div>
Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1560434051338786930.post-31514202281479584332017-10-02T08:31:00.000+05:302017-10-04T08:34:21.421+05:30Modern Team Sites in SharePoint Online Explained<i><span style="color: #0b5394;"><b>Modern Team sites are Team Sites integrated with Office 365 groups and it provides options to collaborate better than before</b>. </span></i><br />
When you create a modern team site in SharePoint Online, it automatically creates the O365 group, group email address, and ability to identify whether this site will contain sensitive data (privacy) and more new features.<br />
The home page of a SharePoint Online modern team site gives you immediate visibility into site activity and important documents, with quick access to Office 365 Groups, its members and associated Office 365 apps.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kKorL30Qjmpf0DhOadVf3PDy35uH6m2mTSP84k9qnsPhx1b8WUxTCPzhI_9nftAA9cIIdaPVPFvkF7-gm1R6NWhcRH7nlUQPlWqe0Huk6ShQiech7snPNctrMVQKgN8Z-UTpVwFw0XU/s1600/2017-09-29_18-50-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="804" data-original-width="1004" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kKorL30Qjmpf0DhOadVf3PDy35uH6m2mTSP84k9qnsPhx1b8WUxTCPzhI_9nftAA9cIIdaPVPFvkF7-gm1R6NWhcRH7nlUQPlWqe0Huk6ShQiech7snPNctrMVQKgN8Z-UTpVwFw0XU/s400/2017-09-29_18-50-21.png" width="400" /></a></div>
<br />
Also, Modern Team Sites works seamless in Mobile apps as well. This way it increases the usability of SharePoint, collaborate on the go!!<br />
<blockquote class="tr_bq">
DOWNLOAD this eBOOK from this <a href="https://gallery.technet.microsoft.com/Modern-Sites-in-SharePoint-45d53ecd" target="_blank">link</a></blockquote>
<b><span style="color: #cc0000;">See Also</span></b><br />
<br />
<ul>
<li><a href="https://sharepoint-works.blogspot.com/2017/08/communication-sites-in-sharepoint-online.html" target="_blank">Communication Sites in SharePoint Online</a></li>
<li><a href="https://sharepoint-works.blogspot.com/2017/10/differences-between-communication-sites.html" target="_blank">Differences between Communication Sites and Modern Team Sites</a></li>
</ul>
<br />
<i><b><span style="color: #0b5394;">This eBook has detailed information of each features of Modern Team Sites in SharePoint Online.</span></b></i><br />
<i><b><span style="color: #0b5394;">Your feedback, ratings are welcome!! </span></b></i>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-1560434051338786930.post-12738302287145048232017-09-30T07:01:00.003+05:302017-09-30T07:01:35.411+05:30Microsoft TechNet Guru Awards August 2017<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii91rsLyhGUuGqmaKnZqGA46EZkiuJo6e7dnS7sXgZBy0PmKH4HymqqYVOTYL0zfuZqgcNKF9NEdWMQQoK0EcKGjSnrTPkQF1jmhxJMaewdbXomrOPCOcevwKXRvNBNtF4AeoN33Aod20/s1600/4744.ImageTNGuruAward200px.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="104" data-original-width="329" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii91rsLyhGUuGqmaKnZqGA46EZkiuJo6e7dnS7sXgZBy0PmKH4HymqqYVOTYL0zfuZqgcNKF9NEdWMQQoK0EcKGjSnrTPkQF1jmhxJMaewdbXomrOPCOcevwKXRvNBNtF4AeoN33Aod20/s320/4744.ImageTNGuruAward200px.png" width="320" /></a></div>
Proud to share that awarded as <b>TechNet Guru for August 2017 month</b>. Article posted in SharePoint category.<br />
TechNet link - <a href="https://blogs.technet.microsoft.com/wikininjas/2017/09/27/yey-its-the-microsoft-technet-guru-awards-august-2017/" target="_blank">Winners August 2017 </a><span id="goog_2056894810"></span><br />
Articles link - <a href="https://social.technet.microsoft.com/wiki/contents/articles/39271.sharepoint-online-communication-sites.aspx" target="_blank">SharePoint Online Communication Sites</a><br />
<a href="https://social.technet.microsoft.com/wiki/contents/articles/39550.create-power-bi-report-and-publish-in-sharepoint.aspx" target="_blank">Create Power BI report and publish in SharePoint</a><br />
<img border="0" data-original-height="315" data-original-width="1600" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsKmrrJrV4nsZVR87RI4ezNSa46A3xcqOpOG7QCf7QhVUQdmjM7hxAaIohUFPv7lGJYJbqfVytHU23ep1NRlVlg7NXBSn1D1ly5djGsg-9D5P6ByWtICeEjvcsIOCbUS0bVkATF6FZAEc/s640/2017-09-29_20-25-54.png" width="640" /><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="269" data-original-width="1600" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD8Z4CnqfB-Qrd3LxevfXRuRWoxmuo9u9eFav3eTxnmlkxN5p40SXwZwm2LePyoMavgP0dNBE_Lv1TD43X0U1hhpXcCGeF2XoyyBLAYukkeXDVYLEmB871ZkumYQqW3phe6EiOCfYSgeI/s640/2017-09-29_20-26-21.png" width="640" /></div>
<br />
<blockquote class="tr_bq" style="text-align: center;">
<div style="text-align: left;">
<i><b>Are you interested in participating as well? Post your article in the below link to get a chance to win:</b></i></div>
<i><b><a href="https://social.technet.microsoft.com/wiki/contents/articles/40235.technet-guru-competitions-october-2017.aspx" target="_blank">TechNet Guru Competitions - October 2017</a></b></i></blockquote>
Give a try and become Microsoft Tech Guru!! 😎Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-9030370888165230422017-08-25T09:57:00.002+05:302017-08-25T21:26:41.932+05:30Microsoft TechNet Wiki Technical Guru Award July 2017<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii91rsLyhGUuGqmaKnZqGA46EZkiuJo6e7dnS7sXgZBy0PmKH4HymqqYVOTYL0zfuZqgcNKF9NEdWMQQoK0EcKGjSnrTPkQF1jmhxJMaewdbXomrOPCOcevwKXRvNBNtF4AeoN33Aod20/s1600/4744.ImageTNGuruAward200px.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="104" data-original-width="329" height="101" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii91rsLyhGUuGqmaKnZqGA46EZkiuJo6e7dnS7sXgZBy0PmKH4HymqqYVOTYL0zfuZqgcNKF9NEdWMQQoK0EcKGjSnrTPkQF1jmhxJMaewdbXomrOPCOcevwKXRvNBNtF4AeoN33Aod20/s320/4744.ImageTNGuruAward200px.png" width="320" /></a></div>
Proud to share that awarded as <b>TechNet Guru for July 2017 month</b>. Article posted in SharePoint category.<br />
TechNet link - <a href="https://blogs.technet.microsoft.com/wikininjas/2017/08/24/microsoft-technet-wiki-technical-guru-awards-july-2017-winners/" target="_blank">Winners July 2017</a> <span id="goog_2056894810"></span><br />
Articles link - <a href="https://social.technet.microsoft.com/wiki/contents/articles/38264.lookup-columns-in-sharepoint.aspx" target="_blank">SharePoint: Lookup Columns</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3txhz6YU0ltKUQdGqImbnrziC-0ji4XDKk8CzgrRCKcwyxNVfH3HArf4o0ZWOlQwVKC-ggY938rYtIn8aUNUCJbA2GZiCAR5G1J6PtnUnjwdqq_77SP19ctnOgRZseR5oFYZZFx7d5j8/s1600/2017+Jul+Award.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1534" data-original-width="1600" height="611" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3txhz6YU0ltKUQdGqImbnrziC-0ji4XDKk8CzgrRCKcwyxNVfH3HArf4o0ZWOlQwVKC-ggY938rYtIn8aUNUCJbA2GZiCAR5G1J6PtnUnjwdqq_77SP19ctnOgRZseR5oFYZZFx7d5j8/s640/2017+Jul+Award.png" width="640" /></a></div>
<blockquote class="tr_bq" style="text-align: center;">
<div style="text-align: left;">
<i>Are you interested in participating as well? Post your article in the below link to get a chance to win:</i></div>
<i><b><a href="https://social.technet.microsoft.com/wiki/contents/articles/38640.technet-guru-competitions-august-2017.aspx" target="_blank">TechNet Guru Competitions - August 2017</a></b></i></blockquote>
Give a try and become Microsoft Tech Guru!! 😎Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-83676321037652431002017-08-10T10:40:00.002+05:302017-08-19T09:41:21.442+05:30Create Power BI report and publish in SharePoint<b><span style="color: #cc0000;">Introduction:</span></b><br />
In this article, we will learn how to create a report in Power BI using <i>SharePoint List as a data source</i>, using DAX (Data Analysis Expressions) in Power BI, publish the Power BI report to <i>SharePoint Online,</i> and <i>Schedule Data Refresh</i>. We will also learn how to use<i> Power BI desktop</i> tool which is used for designing reports in Power BI.<br />
<span style="color: #0b5394;"><b><span style="color: #cc0000;">Articles in SharePoint Business Intelligence (BI) series: </span><span style="color: #0b5394;">🔗</span></b></span><br />
<blockquote class="tr_bq">
<span style="color: #0b5394;"><a href="http://sharepoint-works.blogspot.com/2015/08/power-bi-in-sharepoint-online.html" target="_blank">Power BI in SharePoint Online</a></span><br />
<a href="http://sharepoint-works.blogspot.com/2015/09/creating-reports-using-odata-feed-in.html" target="_blank">Creating reports using OData Feed in Power BI</a><br />
<a href="http://sharepoint-works.blogspot.com/2017/07/power-view-report-in-sharepoint.html" target="_blank">Power View report in SharePoint</a><br />
<a href="http://sharepoint-works.blogspot.com/2017/08/create-power-bi-report-and-publish-in.html" target="_blank">Display Power BI reports in SharePoint Online</a></blockquote>
<span style="color: #cc0000;"><b>Environment:</b></span><br />
1. SharePoint Online - Office 365 (applicable to SP 2016/2013)<br />
2. Power BI - needs Power BI Pro License<br />
3. Power BI for desktop - for designing the report<br />
<b><span style="color: #cc0000;">Create report using Power BI Desktop from SharePoint List as Data Source:</span></b><br />
1. Let's use the same data <a href="http://go.microsoft.com/fwlink/?LinkID=521962" target="_blank">Finance Sample Workbook from Power BI site</a> for this example as well<br />
2. Load the data in SharePoint List<br />
3. Open the Power BI for desktop tool and sign in using your O365 ID & password<br />
4. Click File -> New -> It should open the blank report<br />
5. Click Get Data option from Home menu -> More -> Online Services -> SharePoint Online List as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQxwRLxdBIYssL79-U6QQCrIh_Iwg58sWitQCx3fcXaVQ5QNL7yRm5hrGbc_fAKJ3JPM2bNOEIs6g6SwPmwSut7upwZRezS0Ot4EkcqXsaKiA0tD53XbTO2bX-R4ZY_v3hg2QOdkYPD4/s1600/2017-08-06_23-58-49.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1552" height="278" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQxwRLxdBIYssL79-U6QQCrIh_Iwg58sWitQCx3fcXaVQ5QNL7yRm5hrGbc_fAKJ3JPM2bNOEIs6g6SwPmwSut7upwZRezS0Ot4EkcqXsaKiA0tD53XbTO2bX-R4ZY_v3hg2QOdkYPD4/s400/2017-08-06_23-58-49.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
6. Enter the SharePoint URL - just the site collection but not till List</div>
<div class="separator" style="clear: both; text-align: left;">
7. Once you enter, select Microsoft account option from Anonymous, Windows, Microsoft account options displayed for authentication as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbtXN03g193EcSgjO9A0H7hYNoN4EVW2HGHW1WF0sudxBZFY37eEvWPWCahKSeMFs-qJG2zTVDsF_9NdYUYMxBbNEm7YgbN8sKyjKPlw6WS1XLslfg1Jxt-iR89Gmevu9NBujvxPAjIY/s1600/2017-08-07_00-04-40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="866" data-original-width="1600" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzbtXN03g193EcSgjO9A0H7hYNoN4EVW2HGHW1WF0sudxBZFY37eEvWPWCahKSeMFs-qJG2zTVDsF_9NdYUYMxBbNEm7YgbN8sKyjKPlw6WS1XLslfg1Jxt-iR89Gmevu9NBujvxPAjIY/s400/2017-08-07_00-04-40.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
8. Once authenticated & connected, it will display all lists and library in the site collection. Select the List (which we loaded the Finance Sample excel work book) and either click edit to edit the columns or click Load to load the data to the Power BI</div>
<div class="separator" style="clear: both; text-align: left;">
9. Important point to note is that we have loaded the Finance Sample Excel Workbook in to SharePoint List and now the data is connected to Power BI. If you notice the loaded data (columns Gross Sales, Sales Price, COGS, Profit related to cost) in Power BI are <i>loaded as text instead of $$$ value in this example</i></div>
<div class="separator" style="clear: both; text-align: left;">
10. Using Power BI, we can change the data type (<u>NOTE</u>: 💡changing the data type will affect the data refresh so it is a good practice to change the data type in the source or load the data at source with appropriate data type). For this example, I have changed the data type in Power BI for desktop. </div>
<div class="separator" style="clear: both; text-align: left;">
Option is Data section -> Modeling tab in Ribbon -> Data Type & Format as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8BVUyNQGZJsPezJkMQ9f2f2Uz9iPH4_8MEqMOHvi78ehdBFo6JrV1kDMMHS1Dt-sBG9rPBqlvmvvU6o9hdaPv5Bfz_SM0Q15OXyP44n7quTI31j_ubwo9DCkxugPj4A23Y4WIBO5DLE/s1600/2017-08-07_00-18-15.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="696" data-original-width="1130" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz8BVUyNQGZJsPezJkMQ9f2f2Uz9iPH4_8MEqMOHvi78ehdBFo6JrV1kDMMHS1Dt-sBG9rPBqlvmvvU6o9hdaPv5Bfz_SM0Q15OXyP44n7quTI31j_ubwo9DCkxugPj4A23Y4WIBO5DLE/s400/2017-08-07_00-18-15.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
11. Loaded data and updated with data type is shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-y-wXqbSBdP_ByABH57KPDs1TfP2i837VXz4byq2Pz4XsCmIq-RmH0dO4XkNnO2qnr4C5k6EksM15EprUK4HRVqXqNljnwvR9JM4Vy-66vv6_DJ9csNS51IAwuMEGtAkoHkihdV13m6s/s1600/2017-08-07_00-21-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="865" data-original-width="1600" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-y-wXqbSBdP_ByABH57KPDs1TfP2i837VXz4byq2Pz4XsCmIq-RmH0dO4XkNnO2qnr4C5k6EksM15EprUK4HRVqXqNljnwvR9JM4Vy-66vv6_DJ9csNS51IAwuMEGtAkoHkihdV13m6s/s320/2017-08-07_00-21-04.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
12. In the above data loaded, we see the month, year are in a separate column, let's use DAX expression to combine them and display as Year - Month in a separate column. </div>
<div class="separator" style="clear: both; text-align: left;">
I have added a new column "Date" as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8rKXkd-nZXOUnPh6Vr1k6DqF8vAFlti0OKKCeLXOGo963weZkKmWON4Sj0Mhv1gt6LmwxwKbPDdSyulcHGVPRfZNZqHdkWsnho1I_ECrU8VIwq2l5r9Kipop2zfv_mMYZ203Xxs-SP4/s1600/2017-08-09_22-44-36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="178" data-original-width="1600" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL8rKXkd-nZXOUnPh6Vr1k6DqF8vAFlti0OKKCeLXOGo963weZkKmWON4Sj0Mhv1gt6LmwxwKbPDdSyulcHGVPRfZNZqHdkWsnho1I_ECrU8VIwq2l5r9Kipop2zfv_mMYZ203Xxs-SP4/s400/2017-08-09_22-44-36.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
13. Once the data is loaded, fields section shows the column that can be added to report, also the fields which can be displayed as aggregate/sum and also the measure which we created (Date field in above step):</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz2s9F-UcDCrOEJPEp6c66k-4jvUqSClBU1q-fbtLSARy9KWBDNAB3pH-0kCyzJUIy-PVDnr-Z11uYt-_kH_kUdTFX-nhZOm_V6zUU7_I58uE6cE8kWTxm4KdpP_gFXh2cudvG-nWxWQ0/s1600/2017-08-09_22-56-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1151" data-original-width="438" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz2s9F-UcDCrOEJPEp6c66k-4jvUqSClBU1q-fbtLSARy9KWBDNAB3pH-0kCyzJUIy-PVDnr-Z11uYt-_kH_kUdTFX-nhZOm_V6zUU7_I58uE6cE8kWTxm4KdpP_gFXh2cudvG-nWxWQ0/s400/2017-08-09_22-56-06.png" width="152" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
14. Now, it's time to add the charts in the report section. I have used Card, KPI, Line & Clustered Column Chart, Pie Chart, Line Chart as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Hd891-DJ86IbTi5R9viZzGMoM7B9wAEx4Nh4XQIKmyK_SPnmfSUMD6YCjMqX3BI74yhPwhGuSC4BXuT2q69MmW3KZaTcpmGzE6ZExDsY7fn8ifzC2O9eyfpCRpv9Sh8lnKD6kshksC8/s1600/2017-08-09_23-00-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="690" data-original-width="1600" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Hd891-DJ86IbTi5R9viZzGMoM7B9wAEx4Nh4XQIKmyK_SPnmfSUMD6YCjMqX3BI74yhPwhGuSC4BXuT2q69MmW3KZaTcpmGzE6ZExDsY7fn8ifzC2O9eyfpCRpv9Sh8lnKD6kshksC8/s640/2017-08-09_23-00-50.png" width="640" /></a></div>
<div class="separator" style="clear: both;">
<b><span style="color: #cc0000;">Publish the report to SharePoint Online (Power BI Pro)</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
15. Now, it's time to publish the report to SharePoint Online 😃 </div>
<div class="separator" style="clear: both; text-align: left;">
First step is to publish the report to work space in Power BI site then to SP Online.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KSiNt2EoXrDzv5JyV_R_YtxYC8F26EZNZX1vh3GCjWnIzIvxYXB0aXOuFmrA1MKQqRwoMFL7Pk06YZmgvtFvMkiVchcjIsXXr7JwmnyaOHtDTP1NH6kutljIpS5cqlzofFqB8vMN_OA/s1600/Publish.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1163" data-original-width="1488" height="499" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6KSiNt2EoXrDzv5JyV_R_YtxYC8F26EZNZX1vh3GCjWnIzIvxYXB0aXOuFmrA1MKQqRwoMFL7Pk06YZmgvtFvMkiVchcjIsXXr7JwmnyaOHtDTP1NH6kutljIpS5cqlzofFqB8vMN_OA/s640/Publish.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Log in to the Power BI site. In the above step, I have published the report to "My Workspace" section. Hence navigate to the My Workspace section in Power BI site -> Reports section (since this is published as report but not dashboard) -> click on the report ("Sales Report")</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic98eTUEQoCS1vQLflaeanBD_czn9LdTXNw8GFn6HMp9_eJfc02hcTD_8G01zKTdEORhAqJUyVImnE046XTCoa-qadZ2Nx2UI_WmwpGXnvHfV-2uhhmKtuEh5MT4lACTMNP4X6NOmoMYE/s1600/2017-08-09_23-15-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="385" data-original-width="1600" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic98eTUEQoCS1vQLflaeanBD_czn9LdTXNw8GFn6HMp9_eJfc02hcTD_8G01zKTdEORhAqJUyVImnE046XTCoa-qadZ2Nx2UI_WmwpGXnvHfV-2uhhmKtuEh5MT4lACTMNP4X6NOmoMYE/s640/2017-08-09_23-15-30.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Now, click on the File -> click on select Embed in SharePoint Online preview as shown below. This will give the link to publish the Power BI report to SharePoint Online.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1fLNxcj0f-8bJEtdzaIuyGPSzNNtVX-wBhPuteyIK_dNZkR0zhXqXUeTkk-dRrBALfrdY2W6-tliovdWgwpxWvnQlDow-wFvjzBCYl60B2-ZfrSNDlF9_RefhgvSrqJD5kE2uLbMpW8/s1600/2017-08-09_23-26-48.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="714" data-original-width="1600" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1fLNxcj0f-8bJEtdzaIuyGPSzNNtVX-wBhPuteyIK_dNZkR0zhXqXUeTkk-dRrBALfrdY2W6-tliovdWgwpxWvnQlDow-wFvjzBCYl60B2-ZfrSNDlF9_RefhgvSrqJD5kE2uLbMpW8/s640/2017-08-09_23-26-48.gif" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
16. Now, time to integrate the report in SharePoint Online. In previous <a href="http://sharepoint-works.blogspot.com/2017/08/communication-sites-in-sharepoint-online.html" target="_blank">article</a>, I have explained about creating Communication Sites in SharePoint Online. In this site, create a <b><i><span style="color: #cc0000;">page and add Power BI (preview) web part </span></i></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vDtqF6RSlEgYmWHHohe02R2a1W1eSTBRhqP9nqZpb7d2IoMKVk5ZcsGNbmeul9nPX-CfUk2pjgr1BDXd_IF4redW2TgciBdQDStp9xv55G8NBr0PA3ETNjOOlL_CrZyL4_Ts8alQcMo/s1600/2017-08-09_23-37-53.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="674" data-original-width="1600" height="269" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1vDtqF6RSlEgYmWHHohe02R2a1W1eSTBRhqP9nqZpb7d2IoMKVk5ZcsGNbmeul9nPX-CfUk2pjgr1BDXd_IF4redW2TgciBdQDStp9xv55G8NBr0PA3ETNjOOlL_CrZyL4_Ts8alQcMo/s640/2017-08-09_23-37-53.gif" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
17. Now, name the page and publish the page. Below is the preview of the page and how the filter works in the chart according to the selection:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIr-F4iFNTXD5CmZxNHJ9hNd9i2ObYyy9qsMFmCGqbcLoqAnSPv8yu-dDLlPdbe2J759rayShaYO5ADPM0bPZrSleZ26jziSBT0ejoLJy2vYvYhxQnVvQvJBN7QfdB7vE6sNenmkJjVY/s1600/2017-08-09_23-51-47.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="694" data-original-width="1600" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkIr-F4iFNTXD5CmZxNHJ9hNd9i2ObYyy9qsMFmCGqbcLoqAnSPv8yu-dDLlPdbe2J759rayShaYO5ADPM0bPZrSleZ26jziSBT0ejoLJy2vYvYhxQnVvQvJBN7QfdB7vE6sNenmkJjVY/s640/2017-08-09_23-51-47.gif" width="640" /></a></div>
<blockquote class="tr_bq">
<div>
💡 Embed in SharePoint Online is only available with Power BI Pro. Each user that views the report mush have a Power BI Pro license. If they do not have a Pro license, they will be prompted to sign-up to view the report.</div>
</blockquote>
<div class="separator" style="clear: both; text-align: left;">
18. Next one final step is <span style="color: #cc0000; font-style: italic;">"Data Refresh". </span>Navigate to the Power BI site again -> Workspaces -> My Workspace -> Datasets -> select your report (Sales Report) -> Schedule Refresh button in Actions section to schedule the data refresh as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJc8G69ichMoZIAskgpTsVdHz1EpdgAf0Nz9IH2ktZgRdpNHe-MG9CKEGBNKDVjQfKhBpkTpf1ecDPF4Qihau9DHJqlJ_ge_YMpAEsxKw9jsAaIvIqhrHfh0ez63djEIoguovwWDGa4jY/s1600/2017-08-09_23-58-02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="287" data-original-width="1600" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJc8G69ichMoZIAskgpTsVdHz1EpdgAf0Nz9IH2ktZgRdpNHe-MG9CKEGBNKDVjQfKhBpkTpf1ecDPF4Qihau9DHJqlJ_ge_YMpAEsxKw9jsAaIvIqhrHfh0ez63djEIoguovwWDGa4jY/s640/2017-08-09_23-58-02.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<b><span style="color: #cc0000;">Apple Power BI App preview of the report</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYY2lE6-VrpWm4v_GGQaz1d6M7WW1_z1hJ40xm9q-ueateiEk7X3OR4-4X8Ks9Qp-SLkKtfSbQzOqpRMhh7j1-ijJDhcxCH_hocDRi_crKwwiwdPQukf53VkrwSfNH_sMp8gQq9gLDhx0/s1600/IMG_6157.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="750" data-original-width="1334" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYY2lE6-VrpWm4v_GGQaz1d6M7WW1_z1hJ40xm9q-ueateiEk7X3OR4-4X8Ks9Qp-SLkKtfSbQzOqpRMhh7j1-ijJDhcxCH_hocDRi_crKwwiwdPQukf53VkrwSfNH_sMp8gQq9gLDhx0/s400/IMG_6157.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZsJ5aoXKKYCn0KTzzx_TsadrceE2-LC0SjgKoCsR_Zui9TZsnaYujMUnn18bCDKX0CKmkM28snp5K5Jc7o2txm8sqqBEpno4Wy5kPA9JwPeWMcG_AcKsA7yyUIL-JVrrlv9t4ByfDy3A/s1600/IMG_6158.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="750" data-original-width="1334" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZsJ5aoXKKYCn0KTzzx_TsadrceE2-LC0SjgKoCsR_Zui9TZsnaYujMUnn18bCDKX0CKmkM28snp5K5Jc7o2txm8sqqBEpno4Wy5kPA9JwPeWMcG_AcKsA7yyUIL-JVrrlv9t4ByfDy3A/s400/IMG_6158.PNG" width="400" /></a></div>
<div class="separator" style="clear: both;">
<b><span style="color: #cc0000;">Granting Access to reports:</span></b></div>
<div class="separator" style="clear: both;">
Embedding a report in SharePoint Online does not automatically give users permission to view the report in SharePoint site. The permissions to view the report are set within Power BI service itself. </div>
<div class="separator" style="clear: both;">
There are two ways to provide access to the report within the Power BI service. </div>
<div class="separator" style="clear: both;">
1. If you are using Office 365 Group to build your SharePoint Online team site, you list the user as a member of the app work space within the Power BI service. This will make sure that users can view the contents of that group. For more information, see <a href="https://powerbi.microsoft.com/en-us/documentation/powerbi-service-create-apps/" target="_blank">Create and distribute an app in Power BI</a>. 🔗</div>
<div class="separator" style="clear: both;">
2. Alternatively, you can grant users access to your report by doing the following.</div>
<div class="separator" style="clear: both;">
Add a tile from the report to a dashboard.</div>
<div class="separator" style="clear: both;">
Share the dashboard with the users that need access to the report. For more information, see <a href="https://powerbi.microsoft.com/en-us/documentation/powerbi-service-share-unshare-dashboard/" target="_blank">Share a dashboard with colleagues and others</a>. 🔗</div>
<div class="separator" style="clear: both;">
<span style="color: #cc0000;"></span></div>
<div class="separator" style="clear: both;">
<i>Reference</i>: <a href="https://powerbi.microsoft.com/en-us/documentation/powerbi-service-embed-report-spo">https://powerbi.microsoft.com/en-us/documentation/powerbi-service-embed-report-spo</a> 🔗</div>
<div class="separator" style="clear: both;">
<br /></div>
<div>
<div>
<b><span style="color: #cc0000;">Publish the report to SharePoint (without Power BI Pro option)</span></b></div>
<div>
Suppose you don't have Power BI pro license but want to integrate the Power BI report in SharePoint 2013 or 2016 or in SharePoint Online, then Page Viewer is the option we have 😉</div>
<div>
Navigate to the page where you want to display the Power BI report -> add a Page Viewer Web Part -> add the link copied from Power BI site (Report -> File -> Embed in SharePoint Online(Preview)-> copy the link)</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZEe_8TyzBjgl9fEKWRz9lp27QOnLf4eIilg8gYU2p_aRWxcmY6XumD2NvI22Sqh0nhs0C3es5_4OLfFwhH-R4n-sYCgslffZ9wlhKLyUizvbFMNKIF591AbXmDgrRBtA0Yf-5auW9_Yg/s1600/Add+Page+Viewer+Web+Part.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="633" data-original-width="1274" height="317" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZEe_8TyzBjgl9fEKWRz9lp27QOnLf4eIilg8gYU2p_aRWxcmY6XumD2NvI22Sqh0nhs0C3es5_4OLfFwhH-R4n-sYCgslffZ9wlhKLyUizvbFMNKIF591AbXmDgrRBtA0Yf-5auW9_Yg/s640/Add+Page+Viewer+Web+Part.png" width="640" /></a></div>
<div style="text-align: center;">
<img border="0" data-original-height="300" data-original-width="319" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1M2D_6e39CzSUCHlVJ4wM6zzzKa7FPye0HZyY5iVTRlAIFo56s8ID5sOUP0iil7fs0eBU_9D05fyP5xgIPJhx9WyVKt5ypWOYWziKO9l2uRp8-HgItOSsPn0dgosy8cGVxyRAgBpjy7w/s400/Add+report.PNG" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih00w6nnEOmRDB1wXBrPjrt5KF_U2eX3Xh8uafxiBtHqV3smP1ERcJUVDwMSZtTHI8vEzlRj-ZGYBKmgORFE5rbd7Smd9tftxBWoflXGQG_ecD94xW3BZlXgoGtml9b3wehn_8L4gEdZA/s1600/2017-08-10_13-31-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="934" height="370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih00w6nnEOmRDB1wXBrPjrt5KF_U2eX3Xh8uafxiBtHqV3smP1ERcJUVDwMSZtTHI8vEzlRj-ZGYBKmgORFE5rbd7Smd9tftxBWoflXGQG_ecD94xW3BZlXgoGtml9b3wehn_8L4gEdZA/s640/2017-08-10_13-31-21.png" width="640" /></a></div>
<div>
<b><span style="color: #cc0000;">Differences between publishing using Power BI pro & in Page Viewer web part</span></b></div>
<div class="separator" style="clear: both;">
1. Show/Hide Navigation Page, Filter Pane options are available only in Power BI</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBmMk6p376vgQSR6jWW60TP5FZWFwAah88FMEGxEo43MP3yJSc8q2nSbdAaS2vO5IOgrdFp388zequEIzAJnRejVcj-VEiCj7HkCWwjOA5kj-m6UN6RrdhXbKnLm9fjZU9_hY_m2ZRrAI/s1600/Filter+Options+in+Pro.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="497" data-original-width="322" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBmMk6p376vgQSR6jWW60TP5FZWFwAah88FMEGxEo43MP3yJSc8q2nSbdAaS2vO5IOgrdFp388zequEIzAJnRejVcj-VEiCj7HkCWwjOA5kj-m6UN6RrdhXbKnLm9fjZU9_hY_m2ZRrAI/s400/Filter+Options+in+Pro.PNG" width="259" /></a></div>
<div class="separator" style="clear: both;">
2. Options to change the display size of the report is available only in Power BI pro </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KnPuoY8xFQKgB32EP-Z04s2P3d_ETZHj97Dnc78yGu7FOcVlwN-dxK4FKONwTIHQEOKNNWUYdAkV79ClQFhIVJSmK9IuqnsWbnVHwg0IcsFu-6KLAZ2wew73Dopz-mRy4xDFU7gbn_s/s1600/2017-08-10_8-58-46.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="395" data-original-width="555" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9KnPuoY8xFQKgB32EP-Z04s2P3d_ETZHj97Dnc78yGu7FOcVlwN-dxK4FKONwTIHQEOKNNWUYdAkV79ClQFhIVJSmK9IuqnsWbnVHwg0IcsFu-6KLAZ2wew73Dopz-mRy4xDFU7gbn_s/s320/2017-08-10_8-58-46.png" width="320" /></a></div>
<div class="separator" style="clear: both;">
3. Sorting the each section of report by it's main report parameter is available only in Power BI pro</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifZIb6pQyCT3smrKg7L343kBMkhBE9hk6D3-6MpPoSUcwC7rAmhg1Y7apdClhHfuJi64CVWPzICIS4RybpLLzoN9Gm47dHA5qTaKq6tIEbt9qGp0BrsdNRWpX-cWORMIRgP2av2Uvh2LY/s1600/Sorting.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="335" data-original-width="807" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifZIb6pQyCT3smrKg7L343kBMkhBE9hk6D3-6MpPoSUcwC7rAmhg1Y7apdClhHfuJi64CVWPzICIS4RybpLLzoN9Gm47dHA5qTaKq6tIEbt9qGp0BrsdNRWpX-cWORMIRgP2av2Uvh2LY/s640/Sorting.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMIogKsOcfU3G2CeqU3YbNSiX7VXVSGCOg-kq2dU-LEnRkkMiiouXNpwEqtB0q2Y6Ny3j837UrUFneNyBM1ioX5Rwx6u1rGJpz2bIerDSHhAmzKdr3zYl1L4vQmS7EfMhf0dMaKbje6Y/s1600/Sort+by+Sales.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="343" data-original-width="698" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMIogKsOcfU3G2CeqU3YbNSiX7VXVSGCOg-kq2dU-LEnRkkMiiouXNpwEqtB0q2Y6Ny3j837UrUFneNyBM1ioX5Rwx6u1rGJpz2bIerDSHhAmzKdr3zYl1L4vQmS7EfMhf0dMaKbje6Y/s640/Sort+by+Sales.png" width="640" /></a></div>
<div class="separator" style="clear: both;">
4. Option to See Data of a particular report is available only in Power BI pro</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmG9zCfmcaj14XlzvF9VNrhJ07XEITHCwLNMk2nuWJ4sQYVhtkdTZL5XbcYhA7pCrTB4PGK9CcfvV4JuG1ApDPod41HM42RFMd-YClAGTfKBp28jzGn1_Ecp41ilOJGUcNjCoGo4SV514/s1600/See+Data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="317" data-original-width="578" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmG9zCfmcaj14XlzvF9VNrhJ07XEITHCwLNMk2nuWJ4sQYVhtkdTZL5XbcYhA7pCrTB4PGK9CcfvV4JuG1ApDPod41HM42RFMd-YClAGTfKBp28jzGn1_Ecp41ilOJGUcNjCoGo4SV514/s400/See+Data.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdSoDmlMFgm9GhK2ST9H36zE7dcUcENNnxmGwRXaY8qgOe3kh3NGol1_ykohl5QKcY599tcNbvi7sCozNpL7ZA5Rq3TN-28jw6T5sRyszFwy8XSlkZzyuCJdAbnT1OSVxl5nH6poRA2w/s1600/See+Data+Details.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="443" data-original-width="1167" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIdSoDmlMFgm9GhK2ST9H36zE7dcUcENNnxmGwRXaY8qgOe3kh3NGol1_ykohl5QKcY599tcNbvi7sCozNpL7ZA5Rq3TN-28jw6T5sRyszFwy8XSlkZzyuCJdAbnT1OSVxl5nH6poRA2w/s640/See+Data+Details.png" width="640" /></a></div>
<div class="separator" style="clear: both;">
5. All the above options are not available in normal publishing way</div>
<div class="separator" style="clear: both;">
6. Share the report via Facebook, Twitter, Linked In, Email, & information about report, flagging report option is available in normal publihing method (Page Viewe web part)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN6k-WHQTIIF6blzlOzO7spFpxjkCK-d9FuEUS6V0aQfdJExof9wtRFxzzcnmzI5opdn9BipVdIg5zw2O2Z5MjwGuIDuDlbNW4nYYekQ8DtXW83vyWKHDx4NPTBtfL0jnV4c4aYZOIY3s/s1600/2017-08-10_13-39-44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="223" data-original-width="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN6k-WHQTIIF6blzlOzO7spFpxjkCK-d9FuEUS6V0aQfdJExof9wtRFxzzcnmzI5opdn9BipVdIg5zw2O2Z5MjwGuIDuDlbNW4nYYekQ8DtXW83vyWKHDx4NPTBtfL0jnV4c4aYZOIY3s/s1600/2017-08-10_13-39-44.png" /></a></div>
<div class="separator" style="clear: both;">
<b><span style="color: #cc0000;">Export to PowerPoint (Preview)</span></b></div>
<div class="separator" style="clear: both;">
There is another option available in reports in Power BI site which is Export to PowerPoint(Preview). Navigate to Power BI Site -> Select the report -> File -> Export to PowerPoint (Preview) as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrif3mzyz6lYo1h-k3wCCUWuJnQbMSGLv4GcN3dkIwsV7MXK8RxR4x1y_1pLBfN0UySwBkeECQDbYI38BoCLMBxGGoU__3OWr7VXwTVZ0QuEUftKpz8oTySrtRGJzjCCS9sSSx27OPz7o/s1600/2017-08-10_8-56-33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="310" data-original-width="465" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrif3mzyz6lYo1h-k3wCCUWuJnQbMSGLv4GcN3dkIwsV7MXK8RxR4x1y_1pLBfN0UySwBkeECQDbYI38BoCLMBxGGoU__3OWr7VXwTVZ0QuEUftKpz8oTySrtRGJzjCCS9sSSx27OPz7o/s320/2017-08-10_8-56-33.png" width="320" /></a></div>
<div class="separator" style="clear: both;">
<span style="color: #cc0000;"></span></div>
<div class="separator" style="clear: both;">
The exported file is attached here to know how a exported Power BI report looks like. See Downloads section for the file.</div>
<div>
<b><span style="color: #cc0000;">Downloads</span><span style="color: #0b5394;">: 🔗</span></b></div>
<a href="https://powerbi.microsoft.com/en-us/desktop/" target="_blank">Power BI Desktop</a><br />
<a href="https://powerbi.microsoft.com/en-us/mobile/" target="_blank">Power BI for Mobile</a> - Windows, App Store, Google Play<br />
<a href="https://gallery.technet.microsoft.com/Power-BI-report-to-45ea59e8" target="_blank">Power BI report file</a><br />
<a href="https://gallery.technet.microsoft.com/Power-BI-report-to-45ea59e8" target="_blank">Sales report exported to PowerPoint</a><br />
So, we have learnt how to create a Power BI report from SharePoint List as data source, created DAX expressions, added different chart types, published the report to Power BI and then to SharePoint Online, SharePoint Online with out Power BI Pro and also applicable to SharePoint 2013 & 2016.<br />
<div class="separator" style="background-color: white; border: 0px; box-sizing: inherit; clear: both; font-size: 16px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit;"><span style="color: black; font-family: inherit;">Please free to comment. Always. your comments help me to write more.</span><span style="border: 0px; box-sizing: inherit; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">😃</span><span style="color: black; font-family: inherit;"> Share this post to others if this helps you!</span><span style="border: 0px; box-sizing: inherit; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">😇</span></span></div>
<i style="background-color: white; font-size: 16px;"><span style="color: black; font-family: inherit;">Don't forget to subscribe to the posts to get notified about new tutorials by clicking the Subscribe button on the top right corner and follow us in social buttons as well.</span></i>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-1560434051338786930.post-25594780124930041352017-08-02T10:32:00.001+05:302017-10-04T08:35:32.703+05:30Communication Sites in SharePoint Online <div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">In this year SharePoint Virtual Summit,
Microsoft announced several improvements to<b>
</b><u>SharePoint Online and One Drive</u>. One of the important and interesting
additions is new <b><span style="color: #cc0000;">“Communication Sites”</span><o:p></o:p></b></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;"><a href="https://techcommunity.microsoft.com/t5/SharePoint-Blog/Reach-your-audience-via-SharePoint-communication-sites-in-Office/ba-p/70079">Microsoft</a>
says: <b><span style="color: #cc0000;"><i>“Reach your audience via SharePoint Communications Site” </i>😎</span></b><o:p></o:p></span></span></div>
<span style="font-family: inherit;">In this article, we will learn about what
is new about it? How to create it and how does it work? Did we get something
newly added to SharePoint Online? Are we really looking at something
innovative?</span><br />
<div class="MsoNormal">
<b><span lang="EN-US"><span style="font-family: inherit;"><span style="color: #cc0000;">What
is a Communication Site?</span><o:p></o:p></span></span></b></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">Communication site is like <u>Team Site</u>
in SharePoint site that anyone can create in the organization from SharePoint
Home (it is available only in Office 365 and not in on premise environment).
So, this is for internal users of organization.<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">Communication sites are beautiful, dynamic
sites that let you reach a <i>broad internal audience, and that appear
great on the web, in the SharePoint mobile app, on PC and of course on Mac</i>.<b><o:p></o:p></b></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="color: #cc0000; font-family: inherit;"><b>How to Create Communication Site?</b></span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">
</span></span></div>
<div class="MsoNormal">
<span lang="EN-US" style="font-family: inherit;"><span style="font-family: inherit;">From home page of SharePoint site
collection -> click on the app launcher -> click SharePoint -> just
click <i>Create Site </i>(if you don’t see this option then your <u>self-service site
creation is not enabled for your ID</u>) as shown below:</span><o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjae-dbxEq0iUMA9RfvRy7juWFx9sBd8LbiBrEbNF_W5RLlneD7FoW-vJgXkH_DVCb5XZ96ZdgU6S67OXKIZAzXR_B-cUYzwaGb9nGW2VE70EHFF9qKMwxFDS_GwqvMRHzUp_VB_7az5pk/s1600/2017-07-28_13-52-02.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="226" data-original-width="319" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjae-dbxEq0iUMA9RfvRy7juWFx9sBd8LbiBrEbNF_W5RLlneD7FoW-vJgXkH_DVCb5XZ96ZdgU6S67OXKIZAzXR_B-cUYzwaGb9nGW2VE70EHFF9qKMwxFDS_GwqvMRHzUp_VB_7az5pk/s200/2017-07-28_13-52-02.png" width="200" /></span></a></div>
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">-> <img border="0" data-original-height="82" data-original-width="424" height="61" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIgP1-4bYuHjUVskYJKDzkTkmkL3QEveZkz2pVjX8cLulnMLf2guR9ldtFTMpTiqN1a_0Z_lO91YbZpRoOap-_vzaZtY78EjPLH0l4sjpcQjlPU3yxgPP7uhZyVGBp50lkAdsRjJkI8Rs/s320/2017-07-28_13-53-59.png" width="320" /></span><br />
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: inherit;"><span lang="EN-US"><span style="font-family: inherit;"><br /></span></span>
<img border="0" data-original-height="1080" data-original-width="1480" height="466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeLasCjwmSH0UdnOqYvUZr4KQDHwAe_y-70y9T6xKzMrZx3rheqmv2vciDDvW8o_JblqYisXxXuwwn_8mO_B7bcrcOkusMTz9IUMhPKbzHQfYIPbcHxA9Mz8l0IOkTUegWekQddOFBS4M/s640/Create+Communication+Site.gif" style="text-align: center;" width="640" /></span><br />
<span style="font-family: inherit;">If you didn’t get this option, you may have
to change the settings in Admin Center -> Settings -> Organization
Profile as shown below <span style="font-family: "wingdings";">😉</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOaPehG5rQHHXnIbIXeIWSOsTWkRlgelJdrCFqLe8G3A7B6tOcxhBhm5viX5Qezo6StDpfeLwtKEWiQFarr8JFCLOJbEVLhyphenhyphenywPAc3Kn90bIcHtzFI_WUwu3Sg1plJ_CExzxmPHmli74/s1600/2017-07-28_14-22-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="560" data-original-width="1053" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigOaPehG5rQHHXnIbIXeIWSOsTWkRlgelJdrCFqLe8G3A7B6tOcxhBhm5viX5Qezo6StDpfeLwtKEWiQFarr8JFCLOJbEVLhyphenhyphenywPAc3Kn90bIcHtzFI_WUwu3Sg1plJ_CExzxmPHmli74/s640/2017-07-28_14-22-07.png" width="640" /></span></a></div>
<div class="MsoNormal">
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">For more information of <b>standard and first release options in
Office 365</b>, check out <a href="https://support.office.com/en-us/article/Set-up-the-Standard-or-First-Release-options-in-Office-365-3b3adfa4-1777-4ff0-b606-fb8732101f47?ui=en-US&rs=en-US&ad=US&fromAR=1">this information from Microsoft</a> 🔗<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span style="font-family: inherit;"><b><u><span lang="EN-US">Note:</span></u></b><span lang="EN-US"> It took just 10 minutes for me to get the updates to my ID after
enabling this option. <i>Way to go
Microsoft!!</i> 💪Sometimes it may take few hours or overnight to update/assign
new features to your ID</span></span><br />
<span style="font-family: inherit;"><span lang="EN-US">I have also noted how fast it creates these sites. It just took 15 seconds in our tenant which is pretty fast!</span></span></div>
<div class="MsoNormal">
<b><span lang="EN-US"><span style="font-family: inherit;"><span style="color: #cc0000;">Communication
Site Designs:</span></span></span></b></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US"><span style="font-family: inherit;">There are three types of design available
in Communication Site:</span></span></span></span><br />
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US"><span style="font-family: inherit;">1. Topic</span></span></span></span><br />
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US"><span style="font-family: inherit;">2. Showcase </span></span></span></span><br />
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US"><span style="font-family: inherit;">3. Blank</span></span></span></span><br />
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US"><span style="font-family: inherit;">First two types are
pre-configured with some web parts by default and the blank one is to start from the scratch. </span></span></span></span><br />
<span lang="EN-US"><span style="font-family: inherit;"><span style="color: #cc0000;"><b>Topic design explained</b></span></span></span><br />
<span lang="EN-US"><span style="font-family: inherit;">Use the Topic design option when you
have a lot of information to share, such as news, events and further updates with good images which describe the information.</span></span><br />
<div class="MsoNoSpacing">
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US">I have created a site collection using "Topic" design which is shown below:</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9D1R0ufIJpanQwLHCiEAfvuGxyJfcvmEbqYkEPUpCY68D6Ti4B08QLWFEfX6lvbDTN7-8NkMyVavBXtBSoMn75oxOUWcWwiDIQ8JBsHJPDWKBDR7nPZ0Nn3jqtzkNofxc5-81dy0iOIE/s1600/Topic+Design.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1079" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9D1R0ufIJpanQwLHCiEAfvuGxyJfcvmEbqYkEPUpCY68D6Ti4B08QLWFEfX6lvbDTN7-8NkMyVavBXtBSoMn75oxOUWcWwiDIQ8JBsHJPDWKBDR7nPZ0Nn3jqtzkNofxc5-81dy0iOIE/s640/Topic+Design.png" width="431" /></a></div>
<span style="font-family: inherit;">Following are the list of web parts(some NEW) or the changes made to this site collection or you will observe in this page:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span lang="EN-US"><span style="font-family: inherit;"><img border="0" data-original-height="1379" data-original-width="429" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89yWnqJ8Gmj4OZ04ymmllnyL4RhcreGTJ7v-qlutDob0U3VwysFHjmOMhHdBv9a0JR0t8k0ciSmSv7rk5i_Di6U51zgMPV0dzgcTrxLhrDi3Vcdbq9enyWuOt1ntH5irHXd5G23XHGl4/s640/Web+Parts.png" width="196" /></span></span></div>
<div class="MsoNoSpacing">
<span lang="EN-US"><span style="font-family: inherit;"><span style="font-family: inherit;">I have explained each web part/changes in detail below:</span></span></span></div>
<div class="MsoNoSpacing">
<span lang="EN-US"><span style="font-family: inherit;"><span lang="EN-US"><span style="color: #cc0000; font-family: inherit;"><i><b>NEW Hero web part</b></i></span></span></span></span><br />
This is a new web part which has tiles with various layouts available to show the highlights of the site. You can embed a image, link to the external content. I would say there is no need to create a custom news slider/carousel 😉 Just configure this web part!!<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQojcbROA1qb5vFpWarVu8P9oyevDi7bVdQvU4CsL46gF2gLOzFVa7yKvNlbhThFF8Vqw67r2T5XnsegehDPptApklDQHQ9WNEaktS0QyeKgwzSdXM1ozMkLFinNuwQOz071fbjYkd88/s1600/Hero+Web+Part.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="627" data-original-width="1600" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDQojcbROA1qb5vFpWarVu8P9oyevDi7bVdQvU4CsL46gF2gLOzFVa7yKvNlbhThFF8Vqw67r2T5XnsegehDPptApklDQHQ9WNEaktS0QyeKgwzSdXM1ozMkLFinNuwQOz071fbjYkd88/s640/Hero+Web+Part.gif" width="640" /></a></div>
<i style="color: #cc0000; font-family: inherit;"><b>News web part </b></i></div>
<div class="MsoNoSpacing">
This is existing web part where you can add images, link to the SharePoint pages with content and in side by side layout. I have added few images, content from Microsoft which is shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLzIjtrv9ICIUOOFY4aZA81uAdWvwluuI7Fof_52yUAcwKASvdqasY5Y4IHrPn6Bkc7RDqm3igY4MuxzJceJ1C59BNoRTy1GRBZIOv4-EYJnwmQPBDD3s-ov7w4CGAW7cwxB0n9VvIVk/s1600/News.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="580" data-original-width="1600" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioLzIjtrv9ICIUOOFY4aZA81uAdWvwluuI7Fof_52yUAcwKASvdqasY5Y4IHrPn6Bkc7RDqm3igY4MuxzJceJ1C59BNoRTy1GRBZIOv4-EYJnwmQPBDD3s-ov7w4CGAW7cwxB0n9VvIVk/s640/News.gif" width="640" /></a></div>
<i style="color: #cc0000; font-family: inherit;"><b>NEW Events web part</b></i><br />
This web part shows the upcoming events. It's not new, but it just the good old Calendar list but displays in a different view in the home page as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBem49imt3RPQsgfhRYXYI8lPeoL_lzi5g66QhbwcANlcC7eAngxhSp3-XpZfe_C6CuzmqsOG8LV8qbLQ41dO46ERJLMr99YP31kCHShOqHyR8Obq8tSejrlFhwGb3SNh9C5Bcthv3RBo/s1600/Calendar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="594" data-original-width="1600" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBem49imt3RPQsgfhRYXYI8lPeoL_lzi5g66QhbwcANlcC7eAngxhSp3-XpZfe_C6CuzmqsOG8LV8qbLQ41dO46ERJLMr99YP31kCHShOqHyR8Obq8tSejrlFhwGb3SNh9C5Bcthv3RBo/s640/Calendar.png" width="640" /></a></div>
<i style="color: #cc0000; font-family: inherit; font-size: 11pt;"><b>Quick
links</b></i><br />
<span style="font-size: 14.6667px;">This web part aggregates quick links to documents, pages or to external URLs. This web part is actually empty which is not visible upon site creation but will show up once customized as shown below:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLxlbUm1WmCLIYS4HRcbLAwhZogF9M8RerklHnPja6dsKgWvUJfS3bhImXDUz0Dg3_kaWGNP6rqJiRNNK2ywc-GARZb-rQfzOzlTRjKCWSB2iYHSBl9Z0Bh4E_Y5LMC6Bbh8Wg6OzWIQ/s1600/Quick+Links+Empty.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="257" data-original-width="1600" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFLxlbUm1WmCLIYS4HRcbLAwhZogF9M8RerklHnPja6dsKgWvUJfS3bhImXDUz0Dg3_kaWGNP6rqJiRNNK2ywc-GARZb-rQfzOzlTRjKCWSB2iYHSBl9Z0Bh4E_Y5LMC6Bbh8Wg6OzWIQ/s640/Quick+Links+Empty.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiejX1IC4xVmmuOs6G-dHfreHAiah0RpjTjtoOWn7SuzE7TsdaqQoQarc9A_TakPoN2MvHtMcRg9blKJ8AXP3hKLk7lgzzK9eCKEiP_qJC8mUMts-cSwUsvBrtC6Q_3NZsR7LEV2YDAxNE/s1600/Quick+Links.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="117" data-original-width="1600" height="46" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiejX1IC4xVmmuOs6G-dHfreHAiah0RpjTjtoOWn7SuzE7TsdaqQoQarc9A_TakPoN2MvHtMcRg9blKJ8AXP3hKLk7lgzzK9eCKEiP_qJC8mUMts-cSwUsvBrtC6Q_3NZsR7LEV2YDAxNE/s640/Quick+Links.PNG" width="640" /></a></div>
<b style="font-size: 14.6667px;"><i><span style="color: #cc0000;">Documents web part</span></i></b><br />
<span style="font-size: 14.6667px;">An existing web part pre-configured to show 10 items of the current site’s document library, in a card-style layout.</span><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipVkdpTXC5lSwVcUfUAHfynI9-4IppfbcXgCEuKTv4GG0eFiRy59chrmcHpll7lHQE_EHxBOTd1eBW-BEUAJ09kt_IFSUPJlzEqNWqiGfedCrGhyPgWzFsMkdw3Pe0IlWlM7m6u7MGpas/s1600/Documents+Empty.PNG" imageanchor="1" style="font-size: 14.6667px; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="520" data-original-width="1600" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipVkdpTXC5lSwVcUfUAHfynI9-4IppfbcXgCEuKTv4GG0eFiRy59chrmcHpll7lHQE_EHxBOTd1eBW-BEUAJ09kt_IFSUPJlzEqNWqiGfedCrGhyPgWzFsMkdw3Pe0IlWlM7m6u7MGpas/s640/Documents+Empty.PNG" width="640" /></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByq2tX2XmjND1HbCf-pubD7xHwyctHtZIW_fZXq1o77vjUACJax3uliNwivSfbmzMzw_LpDHuKVy-oAEiRTb7IU42f2Ww86b3-MCNTwIEHnreDmjxbwgdWgs7VsZZCC9qcBBmKoPEiKY/s1600/Documents.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="482" data-original-width="1600" height="192" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgByq2tX2XmjND1HbCf-pubD7xHwyctHtZIW_fZXq1o77vjUACJax3uliNwivSfbmzMzw_LpDHuKVy-oAEiRTb7IU42f2Ww86b3-MCNTwIEHnreDmjxbwgdWgs7VsZZCC9qcBBmKoPEiKY/s640/Documents.png" width="640" /></a></div>
<i style="color: #cc0000;"><b><span style="font-family: inherit;">NEW People web part </span></b></i><br />
This web part is empty when the page is added. You can add the people to contact or someone who is related to that page or team members, etc. This is linked to Delve profile.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="304" data-original-width="1032" height="117" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS3GHXGfaGHteKmwPTUrG7pSea2qGaJ6OcxlaP3HeL3BAGlXVOR3qI6vtw3bi5GLZ2vmHM40weVKkgQjwUy2PshXgPcRl4WdYQcfICxdKslmSSanvxbyOGVsX6BgcjnCkukYimO57r4zs/s400/People+Profile.png" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfV8aIlgfHZ2axyqiwCZl5AdPA8KrFkqOQwhGauoNQqPm9Q7aO-V5hHsZq7qpZ4PZi6V8ykgwb6gSkJ4F8pSJkM_ps0D1wx-kbNFflXKwaNWAGmh2CvZ6TF6dK1MocWNP3GxEx4DFFxQ/s1600/People+Profile+data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="194" data-original-width="1600" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfV8aIlgfHZ2axyqiwCZl5AdPA8KrFkqOQwhGauoNQqPm9Q7aO-V5hHsZq7qpZ4PZi6V8ykgwb6gSkJ4F8pSJkM_ps0D1wx-kbNFflXKwaNWAGmh2CvZ6TF6dK1MocWNP3GxEx4DFFxQ/s400/People+Profile+data.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<i style="color: #cc0000; font-family: inherit;"><b>Comments on Page</b></i></div>
</div>
</div>
</div>
<div class="MsoNormal">
<div class="MsoNoSpacing">
<span lang="EN-US"></span></div>
<div class="MsoNormal">
<span lang="EN-US">Each news article and page can have its own
set of comments. So, commenting on page is possible now.<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HceJPSiiaJ212HRNrMvSiS8LEdQ2FdwsWgK2HMIGtXqeWr-7o5g6JQdxnH7X7ZxjuHFh41QyfCHPfHFFrSY9vpudfXvtFMt3VrkNZnAemTMrvhNl_zh46tz4MIWCMA6oLy6Vncu9jC4/s1600/Comments+in+Page.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="938" data-original-width="1600" height="374" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2HceJPSiiaJ212HRNrMvSiS8LEdQ2FdwsWgK2HMIGtXqeWr-7o5g6JQdxnH7X7ZxjuHFh41QyfCHPfHFFrSY9vpudfXvtFMt3VrkNZnAemTMrvhNl_zh46tz4MIWCMA6oLy6Vncu9jC4/s640/Comments+in+Page.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Disabling comments to the page option is also available. Comments can be switched OFF/ON with the below option shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLhOYo3A3hoioAurD0doLK5TDNKy5qBAFLgE0ViZTmUPrN89xhWuYaDgg4qcdqbQggpbXneZSDhpkyBLW5GvGcFz_q0BnEWN6qWO2k42Ld7b9HZAgDB8oACSYDzJvxCSNvFX24W-ZN2c/s1600/Comments+On+Off.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="135" data-original-width="807" height="107" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHLhOYo3A3hoioAurD0doLK5TDNKy5qBAFLgE0ViZTmUPrN89xhWuYaDgg4qcdqbQggpbXneZSDhpkyBLW5GvGcFz_q0BnEWN6qWO2k42Ld7b9HZAgDB8oACSYDzJvxCSNvFX24W-ZN2c/s640/Comments+On+Off.PNG" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<i style="color: #cc0000;"><b>Easy
Page Layouts (finally!!)</b></i></div>
</div>
<div class="MsoNormal">
<span lang="EN-US"></span></div>
<div class="MsoNormal">
<span lang="EN-US">Now with communication sites, you can use a
variety of multi-column section layouts on your pages, to arrange information
side-by-side. Click on edit page to view the page authoring toolbox. It has new
Section layout choices. <o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="EN-US"></span></div>
<div class="MsoNormal">
<span lang="EN-US">I personally think this is one of the best
features newly added. This will help to have multiple layouts on the same page
and it is easy to create as well - Just in clicks. This will help the content editors/authors to
create pages in SharePoint easily than before.<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2A4ioqMTLHTD2FGobq8UGCnYz0NqIlpR1AfDSkVixOzIxc_IR0vyqUSh4go_Hq0d9Fj8WdA8gDFWIT8H29dXYhjYopZkuHTg-QaT6h2UkVjRNA0RMzoKxbMkp-B18d72gfdR82VOSsQ/s1600/2017-08-01_23-58-55.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="707" data-original-width="1600" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2A4ioqMTLHTD2FGobq8UGCnYz0NqIlpR1AfDSkVixOzIxc_IR0vyqUSh4go_Hq0d9Fj8WdA8gDFWIT8H29dXYhjYopZkuHTg-QaT6h2UkVjRNA0RMzoKxbMkp-B18d72gfdR82VOSsQ/s640/2017-08-01_23-58-55.gif" width="640" /></a></div>
<b><span style="color: #cc0000;"><i>Top Navigation changes</i></span></b></div>
<div class="MsoNormal">
<b><span style="color: #cc0000;"><i><span lang="EN-US"></span></i></span></b></div>
<div class="MsoNormal">
<span lang="EN-US">New way to edit the site links, name and
title from the page without navigating to other pages as shown below:<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggHhIaFWGfT9E-B8uB6nzuHVF02NFxwS_J41l1jytkuBSRHn8KFmalEDEg26mUFKRjw1374PMm7ak-v7-rt_DgJUy6nWWrddojSX8UuK5tGAYKu0ds_VhjvpUXlN3BED7vMnn2bKH4Kuc/s1600/Top+Navigation.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1024" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggHhIaFWGfT9E-B8uB6nzuHVF02NFxwS_J41l1jytkuBSRHn8KFmalEDEg26mUFKRjw1374PMm7ak-v7-rt_DgJUy6nWWrddojSX8UuK5tGAYKu0ds_VhjvpUXlN3BED7vMnn2bKH4Kuc/s640/Top+Navigation.gif" width="606" /></a></div>
<span lang="EN-US"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<i style="color: #cc0000;"><b>NEW “See
all” pages</b></i></div>
<div class="MsoNormal">
<span lang="EN-US"></span></div>
<div class="MsoNormal">
<span lang="EN-US">When there is more content than can be
shown within the first view the Highlighted content and Site activity web
parts, you can click See all to go to a full-page experience to see all the
content and activity.</span><br />
<span lang="EN-US" style="color: #cc0000;"><i><b>NEW Quick Chart</b></i></span><br />
As the name suggests, this web part allows to add a chart quickly and represent your data in either bar or pie chart. Up to 12 data can be added which is allowable limit now. I am sure MS will add other chart types soon.<br />
Also, this is not a web part where you connect the data, show real time results but this is a web part which allows the content authors or power users to visualize the data quickly.<span lang="EN-US"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1dK1G8RkDS9601YNx8FXwZtEx2NXyo8X37yfV5GHWkY7dLUrXNL7lGjw1BNdwbxgmxzDxMeQacY0A9CP4bcom8mBRIhoZnKp1iv2dm46S1oMlht8u36UKI57G157FLY8Z18aIooP5Zg/s1600/2017-08-08_13-23-24.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="835" data-original-width="341" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho1dK1G8RkDS9601YNx8FXwZtEx2NXyo8X37yfV5GHWkY7dLUrXNL7lGjw1BNdwbxgmxzDxMeQacY0A9CP4bcom8mBRIhoZnKp1iv2dm46S1oMlht8u36UKI57G157FLY8Z18aIooP5Zg/s640/2017-08-08_13-23-24.png" width="261" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2KVka0HQddTxnXmWHbRB8ZlCqe75gRdCA76SFStubax2CZQGDVCcG8_UTx58aiMSZ-HVukKZx5oKwLs9ONnLPQAMKl4TnaukDhsgvjATVuKDAXlo5E91hjcvrbNYPrn-j8Y1sXXQ48mw/s1600/2017-08-08_13-23-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="321" data-original-width="529" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2KVka0HQddTxnXmWHbRB8ZlCqe75gRdCA76SFStubax2CZQGDVCcG8_UTx58aiMSZ-HVukKZx5oKwLs9ONnLPQAMKl4TnaukDhsgvjATVuKDAXlo5E91hjcvrbNYPrn-j8Y1sXXQ48mw/s400/2017-08-08_13-23-50.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J374yiX5ZHh5GeJo59GvZki-6cijHCBMkVrfTsgiUo9VNorz1XWuKfCS_viKtno6Hbj837FPVHx7egTye9nRge3AdmWMioAYagE7xAH3A2yTXEBYqYVJDZBs5zVGwbw6yHo8BU23hOo/s1600/2017-08-08_13-24-30.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="372" data-original-width="560" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6J374yiX5ZHh5GeJo59GvZki-6cijHCBMkVrfTsgiUo9VNorz1XWuKfCS_viKtno6Hbj837FPVHx7egTye9nRge3AdmWMioAYagE7xAH3A2yTXEBYqYVJDZBs5zVGwbw6yHo8BU23hOo/s400/2017-08-08_13-24-30.png" width="400" /></a></div>
<span style="color: #cc0000;"><b><i>NEW Bing Maps</i></b></span><br />
With the Bing Maps web part, you can display a place / address and pin the location as shown below. This has Road, Street and Aerial views like normal Bing Maps.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNbvAoXoD_lh8sLkFedKlWFx58GBnwziDu53n3ZNgwjza3-dDCi3c8D2LHHgY3Kw7hXQsnlYLZPAE785XtzqmyKPqb_hgE6ofPPs5AjEKKd_Vt3Ph2HK3J9BCNbToXZLBdxILr0yFaeyw/s1600/2017-08-08_13-27-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="602" data-original-width="687" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNbvAoXoD_lh8sLkFedKlWFx58GBnwziDu53n3ZNgwjza3-dDCi3c8D2LHHgY3Kw7hXQsnlYLZPAE785XtzqmyKPqb_hgE6ofPPs5AjEKKd_Vt3Ph2HK3J9BCNbToXZLBdxILr0yFaeyw/s640/2017-08-08_13-27-50.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSlVsIfwSGvbUlSq4ZI1miDCC9F3uFd1_UXtc1cNJdQYprracIUdj5a6tF4mn4Z-vYKCyWoHOIz8CQhlmOmxHbQmET1j6z3aznEFu107U6b1fmH8ckeaEF5d8vfXOU3sT1lCHXu8_kJw/s1600/Bing+Maps.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="382" data-original-width="373" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcSlVsIfwSGvbUlSq4ZI1miDCC9F3uFd1_UXtc1cNJdQYprracIUdj5a6tF4mn4Z-vYKCyWoHOIz8CQhlmOmxHbQmET1j6z3aznEFu107U6b1fmH8ckeaEF5d8vfXOU3sT1lCHXu8_kJw/s320/Bing+Maps.PNG" width="312" /></a></div>
<b style="color: #cc0000;"><i>NEW GIF
support</i></b></div>
<div class="MsoNormal">
<span lang="EN-US">When you add an Image web part into a news
article or page, you can now include animated GIFs in your layout.<o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span lang="EN-US" style="font-size: 11pt; line-height: 107%;"><span style="color: #cc0000; font-family: inherit;"><b><i>Power
BI Integration</i></b></span></span></span></div>
<div class="MsoNormal">
<span style="font-size: 14.6667px;">Bring in interactive reports using the Power BI web part, display reports and dashboards in a single click. </span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEiqJKozMbJgbHQbL_O09UdFFHkO0pwP-3Rw4laCTy0QGk0ePLd8AwYLupK6IeSR9mDjgqw8Kh9zovvb1FktP28sTBrkcaVXwlJN6DPAlexBj3K8eddlxns6WoFg_p_tWVnrqDdBEArws/s1600/0804.Power+BI.PNG-550x0.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="359" data-original-width="550" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEiqJKozMbJgbHQbL_O09UdFFHkO0pwP-3Rw4laCTy0QGk0ePLd8AwYLupK6IeSR9mDjgqw8Kh9zovvb1FktP28sTBrkcaVXwlJN6DPAlexBj3K8eddlxns6WoFg_p_tWVnrqDdBEArws/s400/0804.Power+BI.PNG-550x0.png" width="400" /></a></div>
<b style="color: #cc0000; font-family: inherit; font-size: 11pt;"><i>Microsoft Stream</i></b></div>
<div class="MsoNormal">
<span style="font-size: 14.6667px;">With the Stream web part, you can display a video from Microsoft Stream directly on your site. Screenshot at the end of Topic Design explanation </span><br />
<span style="font-size: 14.6667px;"><b><i><span style="color: #cc0000;">NEW Document Library/ List Preview</span></i></b></span><br />
<span style="font-size: 14.6667px;"> As the name suggests, both will display the preview of Document Library and List respectively. It is like List view web part but we have quick options to limit the items displayed. It has Auto Size, Small (5 items), Medium (15 items) and Large (30 items) display options. It also has "see all" option to view all items.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7b7FzPWbz4LA_sBuyvIatZs_Ak66Ae1QOXvdAJ85voaNBp-H5imiUcHT5dGyBcUSOuVdA179aRJ1Gsc-SLA6DFPDENPdVm_Vyo1EI_sJ4AJjoCQIcosdiPdtdXhbjl0KpZTYNIEzuFY/s1600/2017-08-08_14-48-52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="638" data-original-width="1180" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7b7FzPWbz4LA_sBuyvIatZs_Ak66Ae1QOXvdAJ85voaNBp-H5imiUcHT5dGyBcUSOuVdA179aRJ1Gsc-SLA6DFPDENPdVm_Vyo1EI_sJ4AJjoCQIcosdiPdtdXhbjl0KpZTYNIEzuFY/s640/2017-08-08_14-48-52.png" width="640" /></a></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWfqSknQ_DWlhXHcSRLNJmLVqxpWFFcHkyPmEZPX8RhXkOtFDc85U318wA6gUjjiLghASub1zzdedcGpZzFIbZZ-4VXhTamNhU84o9O8YZUzmhpnsQLnTPITMWxSHFihymIdjCnUdq5A/s1600/2017-08-08_14-50-06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="277" data-original-width="1177" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPWfqSknQ_DWlhXHcSRLNJmLVqxpWFFcHkyPmEZPX8RhXkOtFDc85U318wA6gUjjiLghASub1zzdedcGpZzFIbZZ-4VXhTamNhU84o9O8YZUzmhpnsQLnTPITMWxSHFihymIdjCnUdq5A/s640/2017-08-08_14-50-06.png" width="640" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_U2YH10A_dfBnLEnc7eBDKg2a_46pd7t3kepDzlCjbAmBUNO72yi6CEgDZ9erfHnWcOLON9TB-W4amV-oUbSAOHw4LYa97_83rksR7tFhSehfoYy5dthITyHP9TxqsaG4CywzfFLbudg/s1600/2017-08-08_15-16-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="491" data-original-width="338" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_U2YH10A_dfBnLEnc7eBDKg2a_46pd7t3kepDzlCjbAmBUNO72yi6CEgDZ9erfHnWcOLON9TB-W4amV-oUbSAOHw4LYa97_83rksR7tFhSehfoYy5dthITyHP9TxqsaG4CywzfFLbudg/s400/2017-08-08_15-16-04.png" width="275" /></a></div>
</div>
<div class="MsoNormal">
<b><i><span style="color: #cc0000;">Yammer integration</span></i></b><br />
It is now possible to use the Yammer web part for broad discussion scenarios as well as targeted responses to engage your viewers on the message and content on the page.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9NVWhlL7oVyto6jtO_HUpP_TX6kR4Cqa5zyPAvBPgDizBxUhFA0oGoLtUFmG_FeXD08QVxulsLdThOWHPBwBHwLw9YtHbvQ07PJRZp99mVP4fhBKDMfgqzFSQXB8c6m9DBCbyV7faeg/s1600/Yammer.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="575" data-original-width="1600" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9NVWhlL7oVyto6jtO_HUpP_TX6kR4Cqa5zyPAvBPgDizBxUhFA0oGoLtUFmG_FeXD08QVxulsLdThOWHPBwBHwLw9YtHbvQ07PJRZp99mVP4fhBKDMfgqzFSQXB8c6m9DBCbyV7faeg/s400/Yammer.PNG" width="400" /></a></div>
<b><i><span style="color: #cc0000;">Share news via email</span></i></b><br />
When you share news
via email from a communication site, it’s not just a blue link but a visual,
informative preview that adds context to both the email and the news article
itself.<br />
Within the email, the recipients will see a thumbnail, title,
description and an optional message from the sender.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcjfT0xO8PMG5jH27V5jwia-ZYqm2oOmfv9teKlax2GyJEa4n7fRIgPyGusPbuOGvvjaJxMZxSqzgSJv3UcHPISR4ocKhxwrOe2JJ11jdOWjITiqK1eHZni3fPuPBvKYn9HBAJsYhELs/s1600/2017-08-08_14-19-36.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="42" data-original-width="189" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpcjfT0xO8PMG5jH27V5jwia-ZYqm2oOmfv9teKlax2GyJEa4n7fRIgPyGusPbuOGvvjaJxMZxSqzgSJv3UcHPISR4ocKhxwrOe2JJ11jdOWjITiqK1eHZni3fPuPBvKYn9HBAJsYhELs/s1600/2017-08-08_14-19-36.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFg5B9QYORVFNehpztd6PBiLsCneyoibEcksY8LJfadu1cuHBbs1XwU-0gbEU4nEKtleMERMVI6hVCKavOZr_oJpjTMV2mc17evV2ThYNTlXrQpFfczDvOx1xSFpVzNvpUTQkCSsH38A/s1600/2017-08-08_14-20-28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="476" data-original-width="680" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqFg5B9QYORVFNehpztd6PBiLsCneyoibEcksY8LJfadu1cuHBbs1XwU-0gbEU4nEKtleMERMVI6hVCKavOZr_oJpjTMV2mc17evV2ThYNTlXrQpFfczDvOx1xSFpVzNvpUTQkCSsH38A/s400/2017-08-08_14-20-28.png" width="400" /></a></div>
<i><b><span style="color: #cc0000;">Set Focal Point</span></b></i><br />
In the modern UI, a site page has a top image which was blank previously. Now, Microsoft has added a really nice touch to this page header; a way to add a image and also re position the focus on the image. In edit mode, you'll find a <i>"Set focal point"</i> button on the top right.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QktU1MsFBLC5CxxqaM9T1hEjoALupFKVqPcUoXS-WUJ31YOPoCcIoUD_xX1H19s2FN3sioQsqETwXcBC1Pdutc-FYrYObX4nf1Ni8r-sLtyZ20ERfjsm-T1bwIcFK-nC_YBZB8uLnfM/s1600/Focal+Point.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="360" data-original-width="89" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QktU1MsFBLC5CxxqaM9T1hEjoALupFKVqPcUoXS-WUJ31YOPoCcIoUD_xX1H19s2FN3sioQsqETwXcBC1Pdutc-FYrYObX4nf1Ni8r-sLtyZ20ERfjsm-T1bwIcFK-nC_YBZB8uLnfM/s200/Focal+Point.PNG" width="49" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftOWn64evV6IouWVKHNgazLmP32gorSkCOZBLfjd1UgvDsK8tAwGmph9cOpJOWX_4sOmIs02cgbMO7X4Lki8WWZRTFbxNkl0RUNjiYI5fQvtrHPaP06FDTNlyuLfD4AwVzrRTtyP2F5s/s1600/2017-08-01_23-46-19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="247" data-original-width="1600" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiftOWn64evV6IouWVKHNgazLmP32gorSkCOZBLfjd1UgvDsK8tAwGmph9cOpJOWX_4sOmIs02cgbMO7X4Lki8WWZRTFbxNkl0RUNjiYI5fQvtrHPaP06FDTNlyuLfD4AwVzrRTtyP2F5s/s400/2017-08-01_23-46-19.png" width="400" /></a></div>
<b><span style="color: #cc0000;"><i><span lang="EN-US">Consume,
create and connect from your mobile device via the SharePoint apps</span></i></span></b></div>
<div class="MsoNormal">
<span lang="EN-US">It’s easy to access, engage with and create
content for communication sites from any device. The full site, pages, news,
navigation, search and more are native view able, functional and engaging. Almost you can do everything using mobile app 😉<o:p></o:p></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSekvLHLxzrMBDZU4nhMsgnBvHib_Voh17EskCWi5nO4IM8DTFo00FyRi4DxCTsnrdol3vIJdJqjZnzBvaeQvtOIKqg9g45lF2As7YXN1nHfIsg4wcN_GoRDTeSllQXX60hN6eGZt15tg/s1600/Mobile.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1334" data-original-width="750" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSekvLHLxzrMBDZU4nhMsgnBvHib_Voh17EskCWi5nO4IM8DTFo00FyRi4DxCTsnrdol3vIJdJqjZnzBvaeQvtOIKqg9g45lF2As7YXN1nHfIsg4wcN_GoRDTeSllQXX60hN6eGZt15tg/s640/Mobile.gif" width="359" /></a></div>
<span style="font-family: inherit;"><span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;">You can download the SharePoint mobiles apps for </span><span lang="EN-US"><a href="http://aka.ms/spappios" target="_blank"><span style="font-size: 11.5pt;">iOS</span></a></span><span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;"> and </span><span lang="EN-US"><span style="font-size: 11.5pt;"><a href="http://aka.ms/spappandroid" target="_blank">Android</a>.</span></span><span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;"> Learn more about the </span><span lang="EN-US"><a href="http://go.microsoft.com/fwlink/?LinkId=808813" target="_blank"><span style="font-size: 11.5pt;">SharePoint
mobile app for iOS</span></a></span><span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;">, </span><span lang="EN-US"><a href="https://go.microsoft.com/fwlink/p/?linkid=828159" target="_blank"><span style="font-size: 11.5pt;">SharePoint mobile app for Android</span></a></span><span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;"> and </span><span lang="EN-US"><a href="https://go.microsoft.com/fwlink/p/?linkid=828162" target="_blank"><span style="font-size: 11.5pt;">SharePoint
app for Windows 10 Mobile</span></a></span></span><span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;"><span style="font-family: inherit;">. 🔗</span></span><span lang="EN-US"></span><br />
<span lang="EN-US" style="color: #2f2f2f; font-size: 11.5pt;"><span style="font-family: inherit;">I have also tried to create a page and add some of this web parts / features which looks as shown below(Some images, Videos embedded belongs to Microsoft):</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdnEuVxXBWfbrktmLgnptTwCxGaQGnxsZ5x1cLgLisUAZKrEhR5zNVpsHXSweC6mVX8MD-ACd0eg4rD_iYZc1qm1fF_wTgbDy00hNrc-DWH7UhmBp24NLWquLHCZTcvtqaPO7euoavW4/s1600/2017-07-31_15-51-29.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="964" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFdnEuVxXBWfbrktmLgnptTwCxGaQGnxsZ5x1cLgLisUAZKrEhR5zNVpsHXSweC6mVX8MD-ACd0eg4rD_iYZc1qm1fF_wTgbDy00hNrc-DWH7UhmBp24NLWquLHCZTcvtqaPO7euoavW4/s640/2017-07-31_15-51-29.png" width="385" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b><span style="color: #cc0000;">Modern Page Editing</span></b><br />
<span style="color: black;">New page layouts available when you create a page:</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddtcsYdLZMH2tkgXItR1S5YuWiYJNFKI7kl2pWwxiijWZ42lv4JIL0E7ZWYCWTSyjGrqi2FY6_1ZUgXKggHpJlHAzXAtBIIKAqPiFE_zNdLzaDK7QbcIV-ENOxnVB8L0OsCn-QRP03wc/s1600/2017-07-31_15-29-23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="478" data-original-width="620" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddtcsYdLZMH2tkgXItR1S5YuWiYJNFKI7kl2pWwxiijWZ42lv4JIL0E7ZWYCWTSyjGrqi2FY6_1ZUgXKggHpJlHAzXAtBIIKAqPiFE_zNdLzaDK7QbcIV-ENOxnVB8L0OsCn-QRP03wc/s1600/2017-07-31_15-29-23.png" /></a></div>
<b><span style="color: #cc0000;">Showcase Design </span></b></div>
<div class="MsoNoSpacing">
<span lang="EN-US">Use the Showcase design option to
feature a product, team or event using photos or images. This site is more
simplistic. The home page contains only the new Hero web part and a classic
Image gallery web part in the home page.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span lang="EN-US">
</span></div>
<div class="MsoNoSpacing">
<span lang="EN-US">Its purpose is to hold information that
is more "static". Like the description suggests, it's a perfect layout to
present a product, a team or an event.</span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<img border="0" data-original-height="1600" data-original-width="968" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1ZV4HUYHXsY0OaYFzx_QR-evE9xQlMD8oVQSgURTFaOuzY6G5FvOIN9GIuubYRuhEYTeU2jEt_FGsP3sYWvJQyOIpLhsRldqXCquyAEct6Hhydfx7g1L1lBPBTDMc5Vtz3XIoVQypYk/s640/ShowCase+Site.png" width="385" /></div>
<div class="MsoNoSpacing">
<b><span lang="EN-US"><span style="color: #cc0000;">Blank Design Explained</span></span></b></div>
<div class="MsoNoSpacing">
<span lang="EN-US"><span lang="EN-US">Use a blank site and to piece together your own vision for a
communication site to share information of your choosing.</span> </span><br />
Tons of cool features!!! We will explore more in the forthcoming articles as well.<br />
<b><span style="color: #cc0000;">See Also</span></b><br />
<br />
<ul>
<li><span style="color: #cc0000;"><a href="https://sharepoint-works.blogspot.com/2017/10/modern-team-sites-in-sharepoint-online.html" target="_blank">Modern Team Sites in SharePoint Online Explained</a></span></li>
<li><span style="color: #cc0000;"><a href="https://sharepoint-works.blogspot.com/2017/10/differences-between-communication-sites.html" target="_blank">Differences between Communication Sites and Modern Team Sites</a></span></li>
</ul>
<br />
<div class="separator" style="background-color: white; border-image: none; border: 0px; box-sizing: inherit; clear: both; font-size: 16px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="font-family: inherit;"><span style="color: black; font-family: inherit;">Please free to comment. Always. your comments help me to write more.</span><span style="border: 0px; box-sizing: inherit; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">😃</span><span style="color: black; font-family: inherit;"> Share this post to others if this helps you!</span><span style="border: 0px; box-sizing: inherit; color: black; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">😇</span></span></div>
<i style="background-color: white; font-size: 16px;"><span style="color: black; font-family: inherit;">Don't forget to subscribe to the posts to get notified about new tutorials by clicking the Subscribe button on the top right corner and follow us in social buttons as well.</span></i><span lang="EN-US" style="font-family: inherit;"></span></div>
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-66172898224960901472017-07-25T19:06:00.000+05:302017-08-22T09:03:29.546+05:30Power View report in SharePoint<b><span style="color: #cc0000; font-family: inherit;">Introduction:</span></b><br />
<span style="font-family: inherit;">Welcome to Business Intelligence Article series, readers 😉 Yes, we are going to learn in detail about Business Intelligence (BI), Creating Reports, Data Refresh, Integrating the BI reports with SharePoint, etc. in the forthcoming articles.</span><br />
<span style="font-family: inherit;">For every business function automation or where you have large data stored - <i><span style="color: #0b5394;"><b>BI reports play a vital role in </b></span></i><i><span style="color: #0b5394;"><b>analyzing the existing data, improving from the past experience and </b></span></i><i><span style="color: #0b5394;"><b>predicting the future of business, etc.</b></span></i></span><br />
<span style="font-family: inherit;">In this article, we will learn how to create Power View reports from SharePoint list and integrate with SharePoint in detail.</span><br />
<span style="font-family: inherit;">So, make sure you <u><i>subscribe</i> </u>(look at the options at right top corner) to get the latest articles in your email or notified about the latest articles!</span><br />
<span style="color: #0b5394;"><b><span style="color: #cc0000;">Articles in SharePoint Business Intelligence (BI) series: </span><span style="color: #0b5394;">🔗</span></b></span><br />
<span style="font-family: inherit;"></span><br />
<blockquote class="tr_bq">
<span style="color: #0b5394;"><a href="http://sharepoint-works.blogspot.com/2015/08/power-bi-in-sharepoint-online.html" target="_blank">Power BI in SharePoint Online</a></span><br />
<a href="http://sharepoint-works.blogspot.com/2015/09/creating-reports-using-odata-feed-in.html" target="_blank">Creating reports using OData Feed in Power BI</a><br />
<a href="http://sharepoint-works.blogspot.com/2017/07/power-view-report-in-sharepoint.html" target="_blank">Power View report in SharePoint</a><br />
<a href="http://sharepoint-works.blogspot.com/2017/08/create-power-bi-report-and-publish-in.html" target="_blank">Create Power BI report and publish in SharePoint</a></blockquote>
<b><span style="color: #cc0000; font-family: inherit;">Environment:</span></b><br />
<span style="font-family: inherit;">SharePoint Online - <a href="https://products.office.com/en-us/sharepoint/sharepoint-online-collaboration-software" target="_blank">Office 365</a> (should work in SharePoint 2016 & 2013 versions as well)</span><br />
<span style="font-family: inherit;">Excel 2016 -<a href="https://products.office.com/en-us/business/office-365-proplus-business-software" target="_blank"> Microsoft Office 365 ProPlus </a>(should work for Excel 2013 versions as well)</span><br />
<b><span style="color: #cc0000; font-family: inherit;">Why Power View?</span></b><br />
<span style="font-family: inherit;">If you have already migrated or migrating to SharePoint Online and want to create reports/dashboards in SharePoint then following are the options available:</span><br />
<div style="text-align: left;">
<span style="font-family: inherit;">1. Using Excel Services/Excel Web Part</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">2. Power BI</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">3. Using third party solutions</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">4. Custom solutions using JQuery chart plugins</span></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: inherit;">💡If you look at the above options, using Excel Services and Power BI are the easiest ways one can create reports in SharePoint. 3rd and 4th options need in depth knowledge in customization to build reports. But for using Power BI you need to buy a separate license. Obviously, we will go for the Excel Services/Excel Web Part option which comes with MS Office😎</span></blockquote>
<span style="color: #0b5394; font-family: inherit;"><i style="font-weight: bold;">So what BI features are available in SharePoint 2013/2016 (on-premises) but not available in SharePoint Online?</i>🤔 </span><br />
<span style="font-family: inherit;">1. Performance Point Services (PPS dashboards)</span><br />
<span style="font-family: inherit;">2. Scorecards and Dashboards</span><br />
<span style="font-family: inherit;">3. SQL Server Reporting Services (SSRS) in SharePoint Integrated mode</span><br />
<span style="font-family: inherit;">For more information of what is not supported in SharePoint Online in Office 365, refer this <a href="https://technet.microsoft.com/en-us/library/sharepoint-online-service-description.aspx" target="_blank">article</a>.🔗</span><br />
<b><span style="color: #cc0000; font-family: inherit;">Creating Power View reports in SharePoint:</span></b><br />
<span style="font-family: inherit;">1. For this demo, I have created a SharePoint List named "Finance Sample Data" using the data from Finance Sample records downloaded from Power BI site. <a href="http://go.microsoft.com/fwlink/?LinkID=521962" target="_blank">Click to download</a>. 🔗 It has around 700 records which is very less when we compare the data load which is 1 Million records.😮</span><br />
<span style="font-family: inherit;">2. Let's go ahead connect the data from SharePoint to Excel and create excel dashboards. If you are using Excel 2016 and don't see the Power View option in the ribbon, <a href="http://sharepoint-works.blogspot.com/2017/07/enable-power-view-in-excel-2016.html" target="_blank">read this article to enable it</a>.🔗</span><br />
<span style="font-family: inherit;">3. Open Excel -> new workbook -> Data -> New Query -> From Online Services -> From SharePoint Online List -> Enter the SharePoint Site URL -> Select the list "Finance Sample Data" from the list -> Click on Edit button at the bottom right corner to edit or you can load all columns as per your requirement -> You can choose columns or remove unwanted columns -> Load the data to Excel</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRyGKCgCoywg0XmI8UDupTKEO31dyQzqyNgX7hPD1_wDJVAEhqpAWcTLDEjVrVmiGs5KJdJRaZXyXEu1XNT8oILUX3FjrjuECdfDFPemyqKikkXzflPRM3ndHXuhMiamUDeVxEI-wjxY/s1600/Load+Data.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="680" data-original-width="634" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWRyGKCgCoywg0XmI8UDupTKEO31dyQzqyNgX7hPD1_wDJVAEhqpAWcTLDEjVrVmiGs5KJdJRaZXyXEu1XNT8oILUX3FjrjuECdfDFPemyqKikkXzflPRM3ndHXuhMiamUDeVxEI-wjxY/s400/Load+Data.gif" width="371" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">4. Once the data is loaded it will open the blank Power View report. Now, it is time to add the report. 💡Remember Power View is a Silverlight based application and Power BI is HTML based application. Power View cannot be customized within the report. But Power BI is customizable. You can click any columns at the right side menu and add filters.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxA6i5MLGm5Ek_oV1U5zxGAZVUudJcCRvWDlnWtm6EcipzNF_ufxfY2CjsPXhE-BDMBvvQ2SrEZL1uuVvC9w15Oa9bJHm5g2plGQJH6zYxWc7nojFbmUheEc7GrcwxaA_RoHM_tk1beA/s1600/Add+report.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="554" data-original-width="954" height="370" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxA6i5MLGm5Ek_oV1U5zxGAZVUudJcCRvWDlnWtm6EcipzNF_ufxfY2CjsPXhE-BDMBvvQ2SrEZL1uuVvC9w15Oa9bJHm5g2plGQJH6zYxWc7nojFbmUheEc7GrcwxaA_RoHM_tk1beA/s640/Add+report.gif" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">5. In the same way add data by dragging the fields. I have added the 4 report sections as shown below. The final report created in Power View is:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaSwEYS3R0td_9Wa6uEGkpF9X8-zL8LOP51xd819-I_adWUrNYcnFobV8CjHUKbsjvxQkMciibTpRhE5YwaLBjOJcRGTMl7Ej2DEngmGkQ4SndToz27KJvHT7larJ1ac6IPHrOCylXKk8/s1600/Final+Report.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="933" data-original-width="1276" height="466" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaSwEYS3R0td_9Wa6uEGkpF9X8-zL8LOP51xd819-I_adWUrNYcnFobV8CjHUKbsjvxQkMciibTpRhE5YwaLBjOJcRGTMl7Ej2DEngmGkQ4SndToz27KJvHT7larJ1ac6IPHrOCylXKk8/s640/Final+Report.PNG" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">6. Also, when you click on the chart area, it will filter according to the data relationship and filter the data automatically 😃</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6F8emn9AjnMSnXtMlshJNLLXGYS1ZdScz1T8Y833LIQH0ltbTXTPvTTa8mTJAuNWWCU5CV1soajKb8n7Jkqc1XBGkwIbkfI5jBbfRn4ewZ6c_W2gxsham3Kc-s9Q4qRGkCcl_IjyuWDE/s1600/Filter.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="637" data-original-width="851" height="476" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6F8emn9AjnMSnXtMlshJNLLXGYS1ZdScz1T8Y833LIQH0ltbTXTPvTTa8mTJAuNWWCU5CV1soajKb8n7Jkqc1XBGkwIbkfI5jBbfRn4ewZ6c_W2gxsham3Kc-s9Q4qRGkCcl_IjyuWDE/s640/Filter.gif" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">7. Now, its time to publish the report to SharePoint so that we can display the report in a separate page. Very important, if you don't follow the below step you will get an error when linking the report in excel access web part. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">Instead of uploading the report to Document Library -> click on Save As -> Connect to the SharePoint Online site (if not connected already) -> then click on the site to view the libraries -> publish to the desired library</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcMAllcnsGL9UZpn7y_cEiFMcUsH6hRyznVhcNd1HJDunhsPah8mknKsJNRTMkALL0QG0BXfHTFg4gXtyfH86uvWFyTArNyEiSTPm3sPrW8uofa7eqfoNnG9fYapv31m0YM2jpoZgQ4A/s1600/Publish.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="598" data-original-width="469" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqcMAllcnsGL9UZpn7y_cEiFMcUsH6hRyznVhcNd1HJDunhsPah8mknKsJNRTMkALL0QG0BXfHTFg4gXtyfH86uvWFyTArNyEiSTPm3sPrW8uofa7eqfoNnG9fYapv31m0YM2jpoZgQ4A/s320/Publish.png" width="249" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">8. Add a new SharePoint page -> Insert Excel Web Access web part -> Add the link to the excel sheet published in SharePoint library -> Save it to view the Power View report in SharePoint.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9rLvG3RTW-PfFagnt0VSO_5Suh2VzWVYpaVnSufNhC1LR88G54XhZV5HIQIv1MvFYgkXIHpqoiSW2HdJbZLZ7kJ94_Qj96Ylkvcffs5uw-_T9oYqZ-Ed0VIoA_PBReIl9WB3c9XUjehM/s1600/Insert+Excel+Web+Part.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="253" data-original-width="418" height="241" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9rLvG3RTW-PfFagnt0VSO_5Suh2VzWVYpaVnSufNhC1LR88G54XhZV5HIQIv1MvFYgkXIHpqoiSW2HdJbZLZ7kJ94_Qj96Ylkvcffs5uw-_T9oYqZ-Ed0VIoA_PBReIl9WB3c9XUjehM/s400/Insert+Excel+Web+Part.PNG" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YyE8lmioeRQpnf7QlCq43VablKqdEyBACSWN2DSoeS-skylJDQU-oTe_w0psgXAjyitPb1mQhL2cTcrknI6DSRMiNFY_ihEiWYc534c5Zwn7hiKYWgdZ-gPxDE71RZcl8KYH01deuWk/s1600/Configure+Excel+Web+Part.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="216" data-original-width="817" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YyE8lmioeRQpnf7QlCq43VablKqdEyBACSWN2DSoeS-skylJDQU-oTe_w0psgXAjyitPb1mQhL2cTcrknI6DSRMiNFY_ihEiWYc534c5Zwn7hiKYWgdZ-gPxDE71RZcl8KYH01deuWk/s400/Configure+Excel+Web+Part.PNG" width="400" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">9. Final report published in the SharePoint looks like below:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3ufogxV7PyDoZ4f5_ru9b-DLQp9TFE_Yqiv8yTQxftYFutuhDwMhGw68CWhH_lx7HgxMaB3aNl4jt4w6Gd8k582JEvnXE51lE5SyzzUeRo5sQZ-F24B0Py7wWnPs8H3VZhsdRqr1WUw/s1600/Report+published+in+SharePoint.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="713" data-original-width="898" height="507" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3ufogxV7PyDoZ4f5_ru9b-DLQp9TFE_Yqiv8yTQxftYFutuhDwMhGw68CWhH_lx7HgxMaB3aNl4jt4w6Gd8k582JEvnXE51lE5SyzzUeRo5sQZ-F24B0Py7wWnPs8H3VZhsdRqr1WUw/s640/Report+published+in+SharePoint.PNG" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">10. Next what? We forgot about the Data Refresh option. In the excel sheet -> click on the Data tab -> Connections -> Properties -> Usage as shown below:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy9p7ILKZfZJ8mbZXWscQmIz9AsFht8jBu3es9NsFetBcUDErCuYqdhZ0I6R_NW1c0D-jiq4kewu334gjiYPS2PuSN_Pe94gHwA_4_fWw54txetJ9ftzphjxKrXl_gCgSiqcQl6O0YXMg/s1600/Data+Refresh.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="639" data-original-width="567" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy9p7ILKZfZJ8mbZXWscQmIz9AsFht8jBu3es9NsFetBcUDErCuYqdhZ0I6R_NW1c0D-jiq4kewu334gjiYPS2PuSN_Pe94gHwA_4_fWw54txetJ9ftzphjxKrXl_gCgSiqcQl6O0YXMg/s400/Data+Refresh.png" width="353" /></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: inherit;">As usual, I have shared the<b><i> List used (List Template with content), Excel report created</i></b>. <a href="https://www.dropbox.com/sh/xsy1nbc2wsy3m2v/AAD379KMOum9A5X_mmiI-1rwa?dl=0" target="_blank">Click here to download</a>.</span></div>
<div class="separator" style="clear: both; text-align: left;">
Please free to comment. Always. your comments help me to write more.<span style="background-color: white; color: #5e5e5e; font-size: 16px;">😃</span> Share this post to others if this helps you!<span style="background-color: white; color: #5e5e5e; font-size: 16px;">😇</span></div>
<div class="separator" style="clear: both; text-align: left;">
Don't forget to subscribe to the posts to get notified about new tutorials by clicking the Subscribe button on the top right corner and follow us in social buttons as well.</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-53927584192978449642017-07-25T02:51:00.000+05:302017-08-11T21:35:57.827+05:30Display SharePoint List or Library in Data table<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<b><span style="color: #cc0000;">Introduction:</span></b><br />
Today we are going to learn an interesting article of how to use <a href="https://datatables.net/" target="_blank">DataTables.js JQuery</a> 🔗 in SharePoint(2013, 2016, Online - O365).<br />
Since SharePoint 2013 has released, the way how the data is created, updated & displayed has changed a lot - I mean Client Side scripting has become more powerful. Server Side Coding in SharePoint (JSOM - Java Script Object Model) has the following uses or advantages over server side coding which are:<br />
1. Faster data rendering<br />
2. Easy to debug from browser<br />
3. Easy & faster validation response to end users<br />
4. Just add a content editor web part and add the code 😁<br />
5. No IIS reset required<br />
6. Just use client desktop and no SharePoint installation required<br />
7. No Visual Studio (why spent extra money on license?😎)<br />
8. Just use a Editor to write and format the code.<br />
💡 I have recently started using <b><span style="color: #0b5394;"><i>Microsoft Visual Studio Code</i></span></b>. Give a try, you will never use other editors. What a powerful editor! <a href="https://code.visualstudio.com/download" target="_blank">Download from this link and it is FREE</a> 🔗<br />
<b><span style="color: #cc0000;">Scenario:</span></b><br />
<blockquote class="tr_bq">
What if you were given a task to display a list or a library in a SharePoint page which has 1000's of records in it. Also, it has to load faster, need a free text search, paging features, etc.? But you have no server side access for coding or server deployments allowed 😜</blockquote>
<b><span style="color: #cc0000;">Solution: </span></b><br />
Obviously, any SharePoint developer will go for the option SharePoint Java Script Object Model (JSOM). But how to create a table, searchable content, etc. <b><span style="color: #0b5394;">DataTables.JS</span></b> is a Table plug-in for JQuery. It is used for display the HTML content as Table.<br />
Let's not wait and create a custom SharePoint list(here named it as Finance Sample Data). Download the data used for this example <a href="http://go.microsoft.com/fwlink/?LinkID=521962" target="_blank">here</a> 🔗<br />
This is how the logic/solution for this scenario is implemented:<br />
1. Upload the JQuery, DataTable.JS, CSS, Images required in Site Assets Library(best practice in SharePoint)<br />
2. Create a simple text file in which add the reference to JS, CSS, Images, etc. Then add the DIV tags for creating a section and then add a TABLE tag for displaying the content, then document.ready() function and finally custom JS functions. You can also have HTML file and JS files separately.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
3. In document.ready(), call the custom function which will query the data using CAML query (I haven't tried using REST API since there will be an issue when you query 1000 items at a time or when paging is enabled, if you have any thoughts share it in the command), load the JSON data as HTML tags and draw a data table using the data objects.<br />
💡 Learn the basics of CAML query in SharePoint by reading this article: <a href="http://sharepoint-works.blogspot.com/2012/05/caml-query-tutorial-for-sharepoint.html" target="_blank">CAML Query tutorial for SharePoint</a> 🔗<br />
<b><u><span style="color: #0b5394;">Code for reference:</span></u></b><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green;"><!-- JS References --></span>
<script src=<span style="color: #a31515;">"../../SiteAssets/Scripts/jquery-1.12.0.min.js"</span>></script>
<script src=<span style="color: #a31515;">"../../SiteAssets/Scripts/jquery.dataTables.min.js"</span>></script>
<span style="color: green;"><!--CSS References--></span>
<link href=<span style="color: #a31515;">"../../SiteAssets/CSS/jquery.dataTables.min.css"</span> rel=<span style="color: #a31515;">"stylesheet"</span>>
<span style="color: green;"><!--HTML TAGS--></span>
<div id=<span style="color: #a31515;">"divFinanceReportTable"</span>>
<h3>
<div>
<p id=<span style="color: #a31515;">"FinanceReportTitle"</span>><b>Finance Sample Data</b></p>
</div>
</h3>
<table style=<span style="color: #a31515;">"width: 100%;"</span> id=<span style="color: #a31515;">"idFinanceReportList"</span> cellspacing=<span style="color: #a31515;">"0"</span>>
</table>
<div></div>
</div>
<span style="color: green;"><!--Document.ready()--></span>
<script>
<span style="color: blue;">var</span> txtHTMLFinanceReport = <span style="color: #a31515;">""</span>;
<span style="color: blue;">var</span> tableFinanceReport;
<span style="color: blue;">var</span> allFinanceReportData;
$(document).ready(<span style="color: blue;">function</span> () {
<span style="color: green;">//Load Finance Report List on page load</span>
SP.SOD.executeFunc(<span style="color: #a31515;">'sp.js'</span>, <span style="color: #a31515;">'SP.ClientContext'</span>, loadFinanceReportList);
});
<span style="color: green;">//Load Tools from Tools List</span>
<span style="color: blue;">function</span> loadFinanceReportList() {
<span style="color: blue;">var</span> currentClientContext = <span style="color: blue;">new</span> SP.ClientContext.get_current();
<span style="color: blue;">var</span> currentWeb = currentClientContext.get_web();
<span style="color: blue;">var</span> financeReportDataList = currentWeb.get_lists().getByTitle(<span style="color: #a31515;">'Finance Sample Data'</span>);
<span style="color: blue;">var</span> camlQuery = <span style="color: blue;">new</span> SP.CamlQuery();
<span style="color: blue;">var</span> loadFinanceReportQuery = <span style="color: blue;">new</span> SP.CamlQuery.createAllItemsQuery();
<span style="color: blue;">var</span> query = <span style="color: #a31515;">'<View><Query><OrderBy><FieldRef Name="ID" Ascending="TRUE"/></OrderBy></Query></View>'</span>;
loadFinanceReportQuery.set_viewXml(query);
allFinanceReportData = financeReportDataList.getItems(loadFinanceReportQuery);
currentClientContext.load(allFinanceReportData);
currentClientContext.executeQueryAsync(Function.createDelegate(<span style="color: blue;">this</span>, <span style="color: blue;">this</span>.success), Function.createDelegate(<span style="color: blue;">this</span>, <span style="color: blue;">this</span>.failed));
}
<span style="color: blue;">function</span> success() {
<span style="color: blue;">var</span> segment = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> country = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> product = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> unitsSold = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> manufacturingPrice = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> salesPrice = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> grossSale = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> sales = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> profit = <span style="color: blue;">null</span>;
<span style="color: blue;">var</span> USCurrency = { style: <span style="color: #a31515;">"currency"</span>, currency: <span style="color: #a31515;">"USD"</span> };
txtHTMLFinanceReport = <span style="color: #a31515;">""</span>;
<span style="color: blue;">var</span> Header = <span style="color: #a31515;">"<thead>"</span> +
<span style="color: #a31515;">"<tr>"</span> +
<span style="color: #a31515;">"<th>Segment</th>"</span> +
<span style="color: #a31515;">"<th>Country</th>"</span> +
<span style="color: #a31515;">"<th>Product</th>"</span> +
<span style="color: #a31515;">"<th>Units Sold</th>"</span> +
<span style="color: #a31515;">"<th>Manufacturing Price</th>"</span> +
<span style="color: #a31515;">"<th>Sales Price</th>"</span> +
<span style="color: #a31515;">"<th>Gross Sale</th>"</span> +
<span style="color: #a31515;">"<th>Sales</th>"</span> +
<span style="color: #a31515;">"<th>Profit</th>"</span> +
<span style="color: #a31515;">"</tr>"</span> +
<span style="color: #a31515;">"</thead>"</span>;
txtHTMLFinanceReport += Header;
txtHTMLFinanceReport += <span style="color: #a31515;">"<tbody class='row-border hover order-column dataTable' role='grid'>"</span>;
<span style="color: blue;">var</span> listEnumerator = allFinanceReportData.getEnumerator();
<span style="color: blue;">while</span> (listEnumerator.moveNext()) {
<span style="color: blue;">var</span> currentItem = listEnumerator.get_current();
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Title'</span>) != <span style="color: blue;">null</span>) {
segment = currentItem.get_item(<span style="color: #a31515;">'Title'</span>);
} <span style="color: blue;">else</span> {
segment = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Country'</span>) != <span style="color: blue;">null</span>) {
country = currentItem.get_item(<span style="color: #a31515;">'Country'</span>);
} <span style="color: blue;">else</span> {
country = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Product'</span>) != <span style="color: blue;">null</span>) {
product = currentItem.get_item(<span style="color: #a31515;">'Product'</span>);
} <span style="color: blue;">else</span> {
product = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Units_x0020_Sold'</span>) != <span style="color: blue;">null</span>) {
unitsSold = currentItem.get_item(<span style="color: #a31515;">'Units_x0020_Sold'</span>);
} <span style="color: blue;">else</span> {
unitsSold = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Manufacturing_x0020_Price'</span>) != <span style="color: blue;">null</span>) {
manufacturingPrice = currentItem.get_item(<span style="color: #a31515;">'Manufacturing_x0020_Price'</span>);
manufacturingPrice = manufacturingPrice.toLocaleString(<span style="color: #a31515;">'en-US'</span>, USCurrency);
}
<span style="color: blue;">else</span> {
manufacturingPrice = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Sale_x0020_Price'</span>) != <span style="color: blue;">null</span>) {
salesPrice = currentItem.get_item(<span style="color: #a31515;">'Sale_x0020_Price'</span>);
salesPrice = salesPrice.toLocaleString(<span style="color: #a31515;">'en-US'</span>, USCurrency);
} <span style="color: blue;">else</span> {
salesPrice = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Gross_x0020_Sales'</span>) != <span style="color: blue;">null</span>) {
grossSale = currentItem.get_item(<span style="color: #a31515;">'Gross_x0020_Sales'</span>);
grossSale = grossSale.toLocaleString(<span style="color: #a31515;">'en-US'</span>, USCurrency);
} <span style="color: blue;">else</span> {
grossSale = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'_x0020_Sales'</span>) != <span style="color: blue;">null</span>) {
sales = currentItem.get_item(<span style="color: #a31515;">'_x0020_Sales'</span>);
sales = sales.toLocaleString(<span style="color: #a31515;">'en-US'</span>, USCurrency);
} <span style="color: blue;">else</span> {
sales = <span style="color: #a31515;">""</span>;
}
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Profit'</span>) != <span style="color: blue;">null</span>) {
profit = currentItem.get_item(<span style="color: #a31515;">'Profit'</span>);
profit = profit.toLocaleString(<span style="color: #a31515;">'en-US'</span>, USCurrency);
} <span style="color: blue;">else</span> {
profit = <span style="color: #a31515;">""</span>;
}
txtHTMLFinanceReport += <span style="color: #a31515;">"<tr>"</span> +
<span style="color: #a31515;">"<TD>"</span> + segment + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + country + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + product + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + unitsSold + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + manufacturingPrice + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + salesPrice.toLocaleString() + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + grossSale + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + sales + <span style="color: #a31515;">"</TD>"</span> +
<span style="color: #a31515;">"<TD>"</span> + profit + <span style="color: #a31515;">"</TD>"</span>;
txtHTMLFinanceReport += <span style="color: #a31515;">"</tr>"</span>;
}
txtHTMLFinanceReport += <span style="color: #a31515;">"</tbody>"</span>;
<span style="color: green;">//Bind the HTML data to the Table</span>
$(<span style="color: #a31515;">"#idFinanceReportList"</span>).append(txtHTMLFinanceReport);
tableFinanceReport = $(<span style="color: #a31515;">'#idFinanceReportList'</span>).DataTable(
{
<span style="color: #a31515;">"columnDefs"</span>: [
{ <span style="color: #a31515;">"targets"</span>: [0], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"15%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [1], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [2], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [3], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [4], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [5], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [6], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [7], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> },
{ <span style="color: #a31515;">"targets"</span>: [8], <span style="color: #a31515;">"visible"</span>: <span style="color: blue;">true</span>, <span style="color: #a31515;">"width"</span>: <span style="color: #a31515;">"8%"</span> }
]
}
);
tableFinanceReport.draw();
}
<span style="color: blue;">function</span> failed(sender, args) {
alert(<span style="color: #a31515;">"Data Reterival Failed: "</span> + args.get_message());
}
</script>
</pre>
</div>
<b><u><span style="color: #0b5394;"><br /></span></u></b>
4. Now upload the text file either in a Document Library or preferably in Site Assets. Create a SharePoint page and then add a Content Editor web part. Refer the text file in the Content Editor web part and save it. That's it, we will see a very nice Table rendering the data as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkoMYxw-2F5-JTD7cSMO7LolhOD38wf3t_Nqba2v28yJdNp1g7JOJ320BTGk2xnKWXxmfqDKbEMcazxv9x_LDsoY_op5aGv9bBKin45fP11QyfNC8fYtSkx7W6VrJtKddVdd9I-S3v4w/s1600/Final+Result.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="704" data-original-width="1600" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkoMYxw-2F5-JTD7cSMO7LolhOD38wf3t_Nqba2v28yJdNp1g7JOJ320BTGk2xnKWXxmfqDKbEMcazxv9x_LDsoY_op5aGv9bBKin45fP11QyfNC8fYtSkx7W6VrJtKddVdd9I-S3v4w/s640/Final+Result.PNG" width="640" /></a></div>
5. The DataTables.JS has inbuilt functionalities which are listed below:<br />
<ul>
<li>Free text search option (very fast)</li>
<li>Abililty of change the number of records display (25, 50, 100..)</li>
<li>Paging with Previous and Next options</li>
<li>Displays the number of items displayed and also changes the number according to paging</li>
<li>Ability to sort the columns both ascending & descending</li>
<li>Ability to query a column but hide it from view - if that specific column is required for internal data rendering logic or comparison or etc.</li>
</ul>
<div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="423" data-original-width="1000" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuvMbxzTQfqybKZMv1qP4OgWjfDjzI6M3P3-3uZz01GfTnGeF994ammWuWpu8-8_Od8y-3APKkQJ-CPjxokzaldg3TTm2K5B1bgTcE2mvDV2Y55LZwV8MG-lIaBqMMfQj0R3RSsZkcBtk/s1600/Functionality.gif" /></div>
<b style="color: #0b5394;">Cool, isn't it? </b><br />
<div class="separator" style="clear: both; text-align: left;">
<img border="0" data-original-height="32" data-original-width="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXGWnBM5CseL9bocn1j85CfXy5bVcDdjXtbFA5T1aKrVXZCY6gwTFvfWa3gVZTim7um7bywjMespJhN3hmkRWHml5iTxW9YrzcmNjjOazKM6oJJPUeaRMOHC5eGpnIXeLEHoVyEmVbkeY/s1600/Download+-+Copy.png" /><i>Download the Custom List Template with contents (.STP file), JS files, images, text file which has the entire code from this <a href="https://www.dropbox.com/sh/63roh0h6fwpsx7z/AAA4WQTq0n4Ptz3OAoHIpPFwa?dl=0" target="_blank">lin</a></i><a href="https://www.dropbox.com/sh/63roh0h6fwpsx7z/AAA4WQTq0n4Ptz3OAoHIpPFwa?dl=0" target="_blank">k</a>.🔗</div>
</div>
<i>Please free to comment. Always. your comments help me to write more.</i><span style="background-color: white; color: #5e5e5e; font-size: 16px;">😃</span><i> Share this post to others if this helps you!</i><span style="background-color: white; color: #5e5e5e; font-size: 16px;">😇</span><br />
<div>
<div class="separator" style="clear: both;">
Don't forget to <u>subscribe </u>to the posts to get notified about new tutorials by clicking the Subscribe button on the top right corner and follow us in social buttons as well.</div>
<div class="separator" style="clear: both;">
<b>Happy Shar(Point)ing!</b></div>
<div class="separator" style="clear: both;">
<b><br /></b></div>
<div class="separator" style="clear: both;">
<b>Update 25/07/2017</b></div>
<div class="separator" style="clear: both;">
After reading our blog post, one of our readers shared <i><b><span style="color: #0b5394;">Angular JS code </span></b></i>for implementing the same concept in our <a href="https://www.facebook.com/ExploretheSharePoint/" target="_blank">Facebook page</a>. Here is the code for reference as a bonus to the readers 😊</div>
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;"><span style="color: green;">////....ANGULAR JS CODE....../////</span>
angular.module(<span style="color: #a31515;">'SPapp'</span>,[<span style="color: #a31515;">'datatables'</span>])
.controller(<span style="color: #a31515;">"Splist"</span>,<span style="color: blue;">function</span>($scope,$http,DTOptionsBuilder){
$http(
{
method:<span style="color: #a31515;">"GET"</span>,
url: GetsiteUrl() +<span style="color: #a31515;">"/_api/web/lists/getbytitle('Test')/items?$Select=Title,Job_x0020_Number,Approvl,Username/FirstName&$expand=Username/Id"</span>,
headers: {
<span style="color: #a31515;">"Accept"</span>: <span style="color: #a31515;">"application/json;odata=verbose"</span>}
}
).success(<span style="color: blue;">function</span>(data,status,headers,config){
$scope.listdata = data.d.results;
}).error(<span style="color: blue;">function</span>(data,status,headers,config){
});
$scope.dtOptions = DTOptionsBuilder.newOptions()
.withDisplayLength(10)
.withOption(<span style="color: #a31515;">'bLengthChange'</span>, <span style="color: blue;">false</span>);
});
<span style="color: blue;">function</span> GetsiteUrl(){
<span style="color: blue;">var</span> urlparts = document.location.href.split(<span style="color: #a31515;">"/"</span>);
<span style="color: blue;">return</span> urlparts[1] + <span style="color: #a31515;">"//"</span> + urlparts[2] + <span style="color: #a31515;">"/"</span> + urlparts[3];
}
<span style="color: green;">////....END of ANGULAR JS CODE - SAVED as spapp.js......///// </span>
<span style="color: green;">////....SharePoint Code saved as Text File....../////</span>
<span style="color: green;"><!--</span> JS References -->
<script src=<span style="color: #a31515;">"../../SiteAssets/js/jquery-1.12.0.js"</span>><<span style="border: 1px solid #FF0000;">/script></span>
<script src=<span style="color: #a31515;">"../../SiteAssets/js/jquery.dataTables.min.js"</span>><<span style="border: 1px solid #FF0000;">/script></span>
<script src=<span style="color: #a31515;">"../../SiteAssets/js/angular.min.js"</span>><<span style="border: 1px solid #FF0000;">/script></span>
<script src=<span style="color: #a31515;">"../../SiteAssets/js/angular-datatables.min.js"</span>><<span style="border: 1px solid #FF0000;">/script></span>
<link href=<span style="color: #a31515;">"../../SiteAssets/js/jquery.dataTables.min.css"</span> rel=<span style="color: #a31515;">"stylesheet"</span>>
<script src=<span style="color: #a31515;">"../../SiteAssets/js/spapp.js"</span>><<span style="border: 1px solid #FF0000;">/script></span>
<span style="color: green;"><!--</span>HTML TAGS-->
<div ng-app=<span style="color: #a31515;">"SPapp"</span> ng-controller=<span style="color: #a31515;">"Splist"</span>>
<table datatable=<span style="color: #a31515;">"ng"</span> dt-options=<span style="color: #a31515;">"dtOptions"</span> id=<span style="color: #a31515;">"myTable"</span> <span style="color: blue;">class</span>=<span style="color: #a31515;">"table table-striped table-bordered"</span> cellspacing=<span style="color: #a31515;">"0"</span> width=<span style="color: #a31515;">"100%"</span>>
<thead>
<tr>
<th>Title<<span style="border: 1px solid #FF0000;">/th></span>
<th>Username<<span style="border: 1px solid #FF0000;">/th></span>
<th>Approvl<<span style="border: 1px solid #FF0000;">/th></span>
<th>Job Number<<span style="border: 1px solid #FF0000;">/th></span>
<<span style="border: 1px solid #FF0000;">/tr></span>
<<span style="border: 1px solid #FF0000;">/thead></span>
<tfoot>
<tr>
<th>Title<<span style="border: 1px solid #FF0000;">/th></span>
<th>Username<<span style="border: 1px solid #FF0000;">/th></span>
<th>Approvl<<span style="border: 1px solid #FF0000;">/th></span>
<th>Job Number<<span style="border: 1px solid #FF0000;">/th></span>
<<span style="border: 1px solid #FF0000;">/tr></span>
<<span style="border: 1px solid #FF0000;">/tfoot></span>
<tbody>
<tr ng-repeat=<span style="color: #a31515;">"listdatas in listdata"</span>>
<td>{{listdatas.Title}}<<span style="border: 1px solid #FF0000;">/td></span>
<td>{{listdatas.Username.FirstName}}<<span style="border: 1px solid #FF0000;">/td> </span>
<td>{{listdatas.Approvl}}<<span style="border: 1px solid #FF0000;">/td></span>
<td>{{listdatas.Job_x0020_Number}}<<span style="border: 1px solid #FF0000;">/td></span>
<<span style="border: 1px solid #FF0000;">/tr></span>
<<span style="border: 1px solid #FF0000;">/tbody></span>
<<span style="border: 1px solid #FF0000;">/table> </span>
<<span style="border: 1px solid #FF0000;">/div> </span>
<span style="color: green;">////....SharePoint Code....../////</span></pre>
</div>
</div>
Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-1560434051338786930.post-64365695601492752292017-07-19T09:43:00.000+05:302017-08-11T21:30:15.642+05:30Enable Power View in Excel 2016We will soon learn how to create <u>Business Intelligence reports using Power BI and integrate SharePoint & Power BI</u> in this blog. <i>Make sure you subscribe to get emails and updates on latest articles</i> 😎<br />
When I tried to create a Power View report using <b>Excel 2016, </b>I couldn't find <b><i><span style="color: #0b5394;">where is the Power view option from Ribbon in Excel 2016</span></i>? </b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJZZd1gYzcQg_T-m-Fq3qXvuDpDASacNA_6HhermsVx3_Ae8WJmpYQaV4cMiTO1Y1ZRVzkfcwJ5WF5eLqvGO6GTGk_mP2hiqpyl0qyAPBWew8VbzaTJ_teiolstH2uAQPRa33MPJLT15o/s1600/Ribbon+without+Power+View+option.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="130" data-original-width="1281" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJZZd1gYzcQg_T-m-Fq3qXvuDpDASacNA_6HhermsVx3_Ae8WJmpYQaV4cMiTO1Y1ZRVzkfcwJ5WF5eLqvGO6GTGk_mP2hiqpyl0qyAPBWew8VbzaTJ_teiolstH2uAQPRa33MPJLT15o/s640/Ribbon+without+Power+View+option.PNG" width="640" /></a></div>
Did Microsoft remove it from normal ribbon view? 😣I feel that this is an important option and it should be in normal ribbon view.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" data-original-height="465" data-original-width="545" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuKr92Zw9eSpgZsloDDrg351vg0m29K0hXWMxJtABBE-L0_ih7JRLt5x2c8g3wnt0kABdEnMCBV6PhQDSVYhAN1amQEgdSN_EjpJQWrT8OB7G_wwewlLJYxrr23g44KevYAnuuYBthiV0/s200/Where+is+Power+View+in+Excel+2016.png" width="200" /></div>
Though there are some articles out there, I want my readers to know the step by step guidelines to enable the Power View in Excel 2016 😀<br />
1. Click Excel -> Blank work book -> File -> Customize Ribbon -> Choose from Commands drop down -> Select Commands not in the Ribbon -> look for<b> "Insert a Power View Report"</b> -> I am adding it in a group which I created called "Reports" as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMJ2XdUTxndyuHSDV83PW36uEVFo1E2YRkOsNhhdkecf8FzmkNJA7Q8lsQtFWLpC1GJnCg5xjd449MneGFtXkzOkx1Ldis_0zLYsfXnCXc2ewUdPqy6uzuDmSv81wh6sv_6utE1DpBLM/s1600/Add+to+Custom+Group.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="681" data-original-width="839" height="516" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBMJ2XdUTxndyuHSDV83PW36uEVFo1E2YRkOsNhhdkecf8FzmkNJA7Q8lsQtFWLpC1GJnCg5xjd449MneGFtXkzOkx1Ldis_0zLYsfXnCXc2ewUdPqy6uzuDmSv81wh6sv_6utE1DpBLM/s640/Add+to+Custom+Group.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
2. Once you add this you should be able to see the Power View option in the Ribbon in the section whichever you added (here it is in Insert -> Reports) as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUBmXjliAzU2mdb0zY3KpL1QP9vGLYoXstWsUbnKPQ7xi01dyMBeaEWbLWlUzlijc3j0_ZQYeXzsx4Z5STG5oD9Dvs17w9MycmAH9_6aSiTfDQn1R4vCW_G-sc5Ec_OsBuZBnnBVzpKg/s1600/Power+View+Added+in+Ribbon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="127" data-original-width="1179" height="68" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUBmXjliAzU2mdb0zY3KpL1QP9vGLYoXstWsUbnKPQ7xi01dyMBeaEWbLWlUzlijc3j0_ZQYeXzsx4Z5STG5oD9Dvs17w9MycmAH9_6aSiTfDQn1R4vCW_G-sc5Ec_OsBuZBnnBVzpKg/s640/Power+View+Added+in+Ribbon.png" width="640" /></a></div>
That's it, you should be able to add Power View reports from the ribbon as usual in a click.<br />
<b><i>Bonus for the readers of this article:</i></b><br />
<i><b><span style="color: #0b5394;">Where is the Power Query option in Excel 2016?</span></b></i><br />
If you use Excel 2013, after enabling <a href="https://www.microsoft.com/en-us/download/details.aspx?id=39379" target="_blank">Power Query</a> after installation you will see the option in a separate tab as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKtKq9TuW38G0vmpxgiLWJeR9wuFZRiI4jVUdujeOKNQ-2w_eHoQuEfA3Zm7YmZQ4NbuWe5-ZacLM2aM4F2QDho-reDrdnecg56s6M09nz0UDSJsPH1N7N06C6q2_TyzKOXOh-2MJWn-w/s1600/Power+Query.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="133" data-original-width="1277" height="65" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKtKq9TuW38G0vmpxgiLWJeR9wuFZRiI4jVUdujeOKNQ-2w_eHoQuEfA3Zm7YmZQ4NbuWe5-ZacLM2aM4F2QDho-reDrdnecg56s6M09nz0UDSJsPH1N7N06C6q2_TyzKOXOh-2MJWn-w/s640/Power+Query.png" width="640" /></a></div>
But in Excel 2016, Microsoft changed it as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkT8VR8pPwl0T6qRDJ1YsqgEnb8iGgKPfzd-cHH6fJ7N5HmXaFzQ6IXlCas61JjMPNwYaC-LjM-VL141kD5ApftxHA1YS5FFrggUs3n1MJ9gxxEjOp8a7SqFMwctLRWX5-dJ0o6DxGzBs/s1600/Power+Query+in+Excel+2016.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="505" data-original-width="549" height="367" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkT8VR8pPwl0T6qRDJ1YsqgEnb8iGgKPfzd-cHH6fJ7N5HmXaFzQ6IXlCas61JjMPNwYaC-LjM-VL141kD5ApftxHA1YS5FFrggUs3n1MJ9gxxEjOp8a7SqFMwctLRWX5-dJ0o6DxGzBs/s400/Power+Query+in+Excel+2016.png" width="400" /></a></div>
<blockquote class="tr_bq" style="clear: both; text-align: left;">
💡🔗 If you are interested reading about Power Query and Power Map, read this <a href="http://sharepoint-works.blogspot.com/2015/08/power-query-and-power-map-in-excel-2013.html" target="_blank">article</a></blockquote>
<div class="separator" style="clear: both; text-align: left;">
Happy reading! 😃</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-46422730608775221782017-07-19T03:00:00.000+05:302017-07-19T03:00:21.369+05:30Largest FREE Microsoft eBook Giveaway<span style="font-family: inherit;">Hi Readers,</span><br />
<span style="font-family: inherit;">I am going to share a link for the </span><b><span style="font-family: inherit;">LARGEST FREE MICROSOFT</span></b><span style="font-family: inherit;"> </span><b><span style="font-family: inherit;">eBook Giveaway</span></b><span style="font-family: inherit;"> by </span><span style="font-family: inherit;"><i>Eric Ligman </i>(just incase, if you are not aware of)</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtDld9b6HCTFqiLSqJqfPaV8zBgVtsaK2X9CM9iOaucV_kQozrjtlGgM68sGW0vMLN-pDMq9IZ2_LqueUVd4kFmrcIqtfXU-nIpAy-6gLLuPy6iaMaT1INnmfLaBpr91UfOAyfmiRUQU/s1600/Free+eBooks.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="597" data-original-width="753" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtDld9b6HCTFqiLSqJqfPaV8zBgVtsaK2X9CM9iOaucV_kQozrjtlGgM68sGW0vMLN-pDMq9IZ2_LqueUVd4kFmrcIqtfXU-nIpAy-6gLLuPy6iaMaT1INnmfLaBpr91UfOAyfmiRUQU/s320/Free+eBooks.png" width="320" /></a></div>
<b>Topics include</b><br />
<div>
Windows 10 </div>
<div>
Office 365</div>
<div>
Office 2016</div>
<div>
Power BI</div>
<div>
Azure</div>
<div>
Windows 8.1</div>
<div>
Office 2013</div>
<div>
SharePoint 2016</div>
<div>
SharePoint 2013 </div>
<div style="text-align: left;">
Dynamics CRM</div>
<div style="text-align: left;">
PowerShell</div>
<div style="text-align: left;">
Exchange Server </div>
<div style="text-align: left;">
System Center</div>
<div style="text-align: left;">
Cloud</div>
<div style="text-align: left;">
SQL Server and more!</div>
<h3 class="separator" style="clear: both; text-align: left;">
<a href="https://blogs.msdn.microsoft.com/mssmallbiz/2017/07/11/largest-free-microsoft-ebook-giveaway-im-giving-away-millions-of-free-microsoft-ebooks-again-including-windows-10-office-365-office-2016-power-bi-azure-windows-8-1-office-2013-sharepo/" target="_blank">Largest FREE Microsoft eBook Giveaway</a> </h3>
<span style="font-family: inherit;"><i>Share it with your friends through social tags!! It could help someone.</i></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-76776818856577953742017-07-07T09:53:00.000+05:302017-08-19T10:11:44.385+05:30Multi value Lookup Columns in SharePoint<div>
I couldn't find anything obvious for accessing SharePoint Multi-value lookup columns and filtering the values so chucked this together, hopefully useful for someone😃</div>
In continuation to my previous article on <b><span style="color: #cc0000;">Lookup Columns</span></b>, we are going to learn about Multi-value lookup columns in SharePoint.<br />
<div>
At the end of this article, I am going to give a bonus to the readers of this article 😊<br />
<div>
<blockquote class="tr_bq">
<i><span style="color: #cc0000;"><b>Previous articles references</b></span></i><br />
<a href="http://sharepoint-works.blogspot.com/2012/05/caml-query-tutorial-for-sharepoint.html" target="_blank">CAML Query tutorial for SharePoint</a><br />
<a href="http://sharepoint-works.blogspot.com/2012/02/cascading-dropdown-or-filtered-values.html" target="_blank">Cascading dropdown (or) Filtered Values in Lookup Columns in SharePoint</a><br />
<a href="http://sharepoint-works.blogspot.com/2017/06/cascading-drop-down-in-sharepoint.html" target="_blank">Cascading drop down in SharePoint using REST API</a></blockquote>
</div>
</div>
<div>
Let's go ahead and create two source lists for this demo:</div>
<div>
1. States </div>
<div>
2. Cities (State is a lookup column from States list)</div>
<div>
3. The third list will be used to implement the <b><span style="color: #cc0000;">Multi-value lookup column</span></b> and also we are going to implement <b>f<span style="color: #cc0000;">iltering multi-value lookup columns</span></b><span style="color: #cc0000;"> </span>in this article. I have created a list named "Multi value lookup demo" which has State and City as lookup value from the first two lists created. Make sure, you select <u>Allow multiple values</u> options as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJD7GhdSJR_SwzzYq6XpFOh4hEstNg1BCupknv8ug053kANOOgHDg7t1IHsvGP1C_TMEWJF-HVJuoFB95mUdfKFVDgzkqIkXY3nJFMVshSNXojPuaVpwF4q5hNUI4ZNqAyNl-lNoNm70/s1600/States+Settings.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="268" data-original-width="451" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJD7GhdSJR_SwzzYq6XpFOh4hEstNg1BCupknv8ug053kANOOgHDg7t1IHsvGP1C_TMEWJF-HVJuoFB95mUdfKFVDgzkqIkXY3nJFMVshSNXojPuaVpwF4q5hNUI4ZNqAyNl-lNoNm70/s200/States+Settings.PNG" width="200" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDxP4remHv2YYmBgsnPHYkPfn7u_ekL3K0UuzeH6MRTx5KbHITKZo7RQm8KMka5_zIBItv691cZ-KR-imJdbsrYTVW-Ns5xoVrTUIOpYE2MAzIGinQld2LQNXA5XxThRzQHrVbbSeKEtY/s1600/Cities+Settings.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="273" data-original-width="455" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDxP4remHv2YYmBgsnPHYkPfn7u_ekL3K0UuzeH6MRTx5KbHITKZo7RQm8KMka5_zIBItv691cZ-KR-imJdbsrYTVW-Ns5xoVrTUIOpYE2MAzIGinQld2LQNXA5XxThRzQHrVbbSeKEtY/s200/Cities+Settings.PNG" width="200" /></a></div>
The new item form without filtering looks as shown below:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_FlyagrUpDwztFeTcBQaPSUHGIqFQM1IEH5Q25D6NwZcJx6uZoL4_rP9FH-jSFHA53XKCiz5EdIH1pSS96r2uO5HJ9DsY4Kd1Mq1qemup-nJlZ8JfWCzWNLrIQq51yNnaMndIkphFiis/s1600/Multi-value+lookup+with+no+filter.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="926" data-original-width="1384" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_FlyagrUpDwztFeTcBQaPSUHGIqFQM1IEH5Q25D6NwZcJx6uZoL4_rP9FH-jSFHA53XKCiz5EdIH1pSS96r2uO5HJ9DsY4Kd1Mq1qemup-nJlZ8JfWCzWNLrIQq51yNnaMndIkphFiis/s400/Multi-value+lookup+with+no+filter.PNG" width="400" /></a></div>
</div>
<div>
<span style="color: white;"></span></div>
Following are the <i><b><span style="color: #cc0000;">functionalities to be implemented & issues/challenges</span></b> </i>needs to be considered while implementing filtering multi-value lookup columns in SharePoint:<br />
<div>
1. An option can be double clicked to select or clicked Add button to select a value<br />
2. An option can be double clicked to deselect or clicked Remove button to deselect a value<br />
3. More than one option can be selected and can be bulk added to the selected values<br />
4. The JQuery implemented should satisfy the above conditions while filtering<br />
5. When State is selected, the values of Cities should get filtered. In the same way, when a value from the deselected then the values from Cities should be removed</div>
I have added a Script Editor web part in <i>New item form</i> and added JQuery as reference. Also, added the JS code which will implement the filtering functionality.<br />
If you want to implement the same functionality in <i>Edit item form</i>, following the same steps just mentioned above.<br />
I have used <b><i>CAML query</i></b> to do the filtering functionality which is shown below:<br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0;">$(document).ready(<span style="color: blue;">function</span> () {
<span style="color: green;">//Call multi-value lookup function on selecting State</span>
$(<span style="color: #a31515;">"select[title='State possible values']"</span>).dblclick(<span style="color: blue;">function</span> () {
multiValueLookup();
});
<span style="color: green;">//Call multi-value lookup function on removing State</span>
$(<span style="color: #a31515;">"select[title='State selected values']"</span>).dblclick(<span style="color: blue;">function</span> () {
multiValueLookup();
});
<span style="color: green;">//Call multi-value lookup function on clicking Add - State</span>
$(<span style="color: #a31515;">"input[value='Add >'][id^='State_']"</span>).click(<span style="color: blue;">function</span> (){
multiValueLookup();
});
<span style="color: green;">//Call multi-value lookup function on clicking Remove - State</span>
$(<span style="color: #a31515;">"input[value='< Remove'][id^='State_']"</span>).click(<span style="color: blue;">function</span> () {
multiValueLookup();
});
});
<span style="color: blue;">function</span> multiValueLookup() {
<span style="color: blue;">var</span> items = <span style="color: #a31515;">""</span>;
<span style="color: blue;">var</span> citiesListName = <span style="color: #a31515;">"Cities"</span>;
$(<span style="color: #a31515;">"select[title='City possible values'] option"</span>).remove();
$(<span style="color: #a31515;">"select[title='State selected values'] option"</span>).each(<span style="color: blue;">function</span> (i) {
<span style="color: blue;">var</span> clientContext = <span style="color: blue;">new</span> SP.ClientContext.get_current();
<span style="color: blue;">var</span> oList = clientContext.get_web().get_lists().getByTitle(citiesListName);
<span style="color: blue;">var</span> camlQuery = <span style="color: blue;">new</span> SP.CamlQuery();
camlQuery.set_viewXml(<span style="color: #a31515;">"<View><Query><OrderBy><FieldRef Name='Title' /></OrderBy><Where><Eq><FieldRef Name='State' LookupId='TRUE'/><Value Type='Lookup'>"</span> + $(<span style="color: blue;">this</span>).val() + <span style="color: #a31515;">"</Value></Eq></Where></Query></View>"</span>);
<span style="color: blue;">var</span> items = oList.getItems(camlQuery);
clientContext.load(items);
clientContext.executeQueryAsync(success, failure);
<span style="color: blue;">function</span> success() {
<span style="color: blue;">var</span> pn2 = <span style="color: #a31515;">""</span>;
<span style="color: blue;">var</span> pn1 = <span style="color: #a31515;">""</span>;
<span style="color: blue;">var</span> ListEnumerator = items.getEnumerator();
<span style="color: blue;">while</span> (ListEnumerator.moveNext()) {
<span style="color: blue;">var</span> currentItem = ListEnumerator.get_current();
<span style="color: blue;">if</span> (currentItem.get_item(<span style="color: #a31515;">'Title'</span>) != <span style="color: blue;">null</span>) {
<span style="color: blue;">var</span> pn1 = currentItem.get_item(<span style="color: #a31515;">'Title'</span>);
<span style="color: blue;">if</span> (pn2 != pn1) {
items = <span style="color: #a31515;">"<option value='"</span> + currentItem.get_item(<span style="color: #a31515;">'ID'</span>) + <span style="color: #a31515;">"' title='"</span> + pn1 + <span style="color: #a31515;">"'>"</span> + pn1 + <span style="color: #a31515;">"</option>"</span>;
$(<span style="color: #a31515;">"select[title='City possible values']"</span>).append(items);
pn2 = pn1;
}
}
}
}
<span style="color: blue;">function</span> failure(sender, args) {
<span style="color: green;">// alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());</span>
}
});
}
</pre>
<br /></div>
<div>
The above code is self explanatory and I have added few screenshots below for reference:<br />
<i><b>When an value is selected</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqtnUkNwzZXsJ8dJP26Q-GaIEcvOZ3LCFiVam61_MbttIa2Dpni-nzFGX3AKIJuU3ZhP-jyhvtfesbbt5iJ03vB2k-JtgRDoAQ3bi6C5kO7LSimC6bP-7nKa_hnEVrcDQ8oGqxXBxIXE/s1600/Adding+a+value.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="715" data-original-width="1338" height="340" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTqtnUkNwzZXsJ8dJP26Q-GaIEcvOZ3LCFiVam61_MbttIa2Dpni-nzFGX3AKIJuU3ZhP-jyhvtfesbbt5iJ03vB2k-JtgRDoAQ3bi6C5kO7LSimC6bP-7nKa_hnEVrcDQ8oGqxXBxIXE/s640/Adding+a+value.gif" width="640" /></a></div>
<i><b>When an value is deselected</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3STokr9l14VPLUV17oCxELHr-VxmWubhUJHOXvGpoqwFiDRxfz_lm1FTjfXRNszpbYnCSpwE9ZrhubXWJuaN8vOEsaboj2CWuCLtsr8Wgb3xhWeu90xdMCa4YllON_3LsKpkpyaqJ4bk/s1600/When+deselecting+values.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="789" data-original-width="1326" height="379" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3STokr9l14VPLUV17oCxELHr-VxmWubhUJHOXvGpoqwFiDRxfz_lm1FTjfXRNszpbYnCSpwE9ZrhubXWJuaN8vOEsaboj2CWuCLtsr8Wgb3xhWeu90xdMCa4YllON_3LsKpkpyaqJ4bk/s640/When+deselecting+values.gif" width="640" /></a></div>
<i><b>The added value in the multi-value lookup demo list</b></i><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPkZy6mHFVWFM6KT-EPR5wr_OVFsaKyp5eigMhqslKUMzAG05W2jgKCbyy6oeESQKj5WRQxniUloylPEvUw68RBa0D2Un_0C8qaAVuzCKkcRnYWeQTZtrChxpWV1RumCN9RNMt8e5X50/s1600/Result.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="168" data-original-width="1600" height="66" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoPkZy6mHFVWFM6KT-EPR5wr_OVFsaKyp5eigMhqslKUMzAG05W2jgKCbyy6oeESQKj5WRQxniUloylPEvUw68RBa0D2Un_0C8qaAVuzCKkcRnYWeQTZtrChxpWV1RumCN9RNMt8e5X50/s640/Result.PNG" width="640" /></a></div>
Cool isn't it? 😊 Very simple as well.<br />
If you have read my previous article on Cascading Lookup Columns in SharePoint, you would have noticed that I have implemented the functionality using REST API.<br />
<span style="color: #cc0000;"><i><b>You may think why I didn't implement multi-value lookup column using REST API</b></i>?</span> so the <b>bonus</b> is here. I have implemented the above functionality using REST API as well. I will add the code in download link and you can follow either of the way to implement this functionality 😎<br />
This is tested in SharePoint Online and I am sure it should work for SharePoint 2013, 2016 & 2010 as well.<br />
<b><span style="color: #cc0000;">To download, lists templates, JS code using CAML, JS code using REST API, click this</span> <a href="https://www.dropbox.com/sh/ancs4o3xcre8vbr/AADkr_ep7f8tf0K_AbSdZsRoa?dl=0" target="_blank">link</a></b>. 🔗<br />
Please free to comment. Always, your comments help me to write more.😃 Share this post to others if this helps you!😇</div>
<span style="color: white;">
</span>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-1560434051338786930.post-78296252308264612762017-06-28T07:07:00.001+05:302017-10-04T08:42:42.096+05:30Cascading drop down in SharePoint using REST API<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;"><span style="color: #cc0000;"><b>Cascading drop down or filtered Lookup Columns</b> </span>in
SharePoint is one of the most used functionality in most of the projects for various <b>business needs.</b><o:p></o:p></span></span></div>
<span style="font-family: inherit;">In one of my old articles, I have explained
about creating cascading or filtered lookup columns using JQuery &
SPServices in MOSS 2007 version of SharePoint. </span><br />
<div class="MsoNormal">
<a href="http://sharepoint-works.blogspot.com/2012/02/cascading-dropdown-or-filtered-values.html" style="font-family: inherit;" target="_blank">Cascading drop down (or) Filtered Values in Lookup Columns in SharePoint</a></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">This solution has limitations such as this
will work only in List Forms and it may not work after certain limit of values
in the drop down.<o:p></o:p></span></span><br />
<blockquote class="tr_bq">
<span lang="EN-US"><span style="font-family: inherit;"><i><b><span style="color: #cc0000;">Previous articles reference </span></b></i><br /><a href="http://sharepoint-works.blogspot.com/2012/05/caml-query-tutorial-for-sharepoint.html" target="_blank">CAML Query tutorial for SharePoint</a><br /><a href="http://sharepoint-works.blogspot.com/2017/07/multi-value-lookup-columns-in-sharepoint.html" target="_blank">Multi value Lookup Columns in SharePoint</a></span></span></blockquote>
</div>
<div class="MsoNormal">
<span style="font-family: inherit;">In this article, we will learn to implement
Cascading or Filtered Lookup Columns in latest versions of SharePoint using
REST API </span><b style="font-family: inherit;">(<span style="color: #cc0000;">applicable to SharePoint 2013,
Office 365 – SharePoint Online, SharePoint 2016</span>). </b><span style="font-family: inherit;">REST API uses OData (Open
Data Protocol) services to read/write/update data in SharePoint.</span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">I have created 2 lists with the following
information as shown below:<o:p></o:p></span></span></div>
<div class="MsoNormal">
</div>
<ol>
<li><span style="font-family: inherit;">Drinks </span></li>
<li><span style="font-family: inherit;">Drinks Type (Drink column is a lookup column to display Title from Drinks List) <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAxxcxQ1W3CrY7EiOJIiQ3ITWI1Gp8nna8366M_KyPMvlYfGLa-92j93qdGu4SwVVbp3j67RqCUDRToBupn0YQNcHjUNoVqsLxd4LYs_1RvEAYeMnfE1PMf0ideNzTo0q_8DEMeDzjHuw/s1600/Drinks+List+Settings.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="260" data-original-width="697" height="148" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAxxcxQ1W3CrY7EiOJIiQ3ITWI1Gp8nna8366M_KyPMvlYfGLa-92j93qdGu4SwVVbp3j67RqCUDRToBupn0YQNcHjUNoVqsLxd4LYs_1RvEAYeMnfE1PMf0ideNzTo0q_8DEMeDzjHuw/s400/Drinks+List+Settings.PNG" width="400" /></a></span></li>
</ol>
<div>
<span style="font-family: inherit;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpU2lQRDe2Za3OPtgzuqGUMNEZOhIIpA9NBzZXY8ZEhjZJi3Wb7mJqCKxXvzFyK3fQSPr_TrhdEtGN-rErlTSseRf7RokT6IQBL-mt8FHfgalZu4e9DtUPMPa-IOExUOWPi8C_Cmix_OQ/s1600/Drinks+Type+Settings.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="305" data-original-width="683" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpU2lQRDe2Za3OPtgzuqGUMNEZOhIIpA9NBzZXY8ZEhjZJi3Wb7mJqCKxXvzFyK3fQSPr_TrhdEtGN-rErlTSseRf7RokT6IQBL-mt8FHfgalZu4e9DtUPMPa-IOExUOWPi8C_Cmix_OQ/s400/Drinks+Type+Settings.PNG" width="400" /></a> </span></div>
<div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;">Now create a list to test the cascading or
filtered lookup functionality. I have created a list with <b>“Drinks Menu”</b> as the name. </span></span></div>
<div class="MsoNormal">
<span lang="EN-US"><span style="font-family: inherit;"> <o:p></o:p></span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3WYCu_U01FRNr3OhMT2vpha4g-rkNzeHBJgbmiwWnKW8bsKzLISWNeVGCbjjCWLzsYpGYNcAOve8h4ldhu_Qxmk_LIR2AW2CdsKIcf2xof5nIWHYgMYKFYn6R8P2Ywjrzg_87vBr8C0/s1600/Drinks+Menu.PNG" imageanchor="1" style="font-family: inherit; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="290" data-original-width="597" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX3WYCu_U01FRNr3OhMT2vpha4g-rkNzeHBJgbmiwWnKW8bsKzLISWNeVGCbjjCWLzsYpGYNcAOve8h4ldhu_Qxmk_LIR2AW2CdsKIcf2xof5nIWHYgMYKFYn6R8P2Ywjrzg_87vBr8C0/s400/Drinks+Menu.PNG" width="400" /></a></div>
<div class="MsoNormal">
Please note, the Drinks and Drink Type columns are created as Choice type and all the values from Drinks and Drink Type are added as choices in these fields. This is implemented in this way so that we can avoid the issue surfaces when we have large number of options in Lookup Column. </div>
<div class="MsoNormal">
Also, if you add a new value to parent lists (Drink or Drink Type lists in this scenario), add the values as choice in the cascading lookup value implementation list ( Drink Menu list in this scenario).</div>
<div class="MsoNormal">
Now, click on the new item which will open
the “<i>NewForm.aspx” -> Edit the page -> Add a Web Part -> Insert ->
Categories -> Media and Content -> <b>Script
Editor</b> -> Click Add to add it.</i></div>
<div class="MsoNormal">
<span lang="EN-US">In the Script Editor, click Edit Snippet
and add the <b>CascadingDropdown.js</b>
(download from the below attachment). I have referred “JQuery.1.12.0.min.js” in
the code which is also available for download. Make sure JQuery is referenced
properly in your code else, the script won’t work.<o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="EN-US">Following are the scenarios, I have covered
in this example:<o:p></o:p></span></div>
<div class="MsoNormal">
</div>
<div class="MsoNormal">
<span lang="EN-US"><i><span style="color: #3d85c6;"><b>When “Drinks” drop down is not selected or
changed to empty, then “Drink Type” & “Price” fields should be disabled and
empty</b></span></i><o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfT9lsP55JYLZPlovOpGjLzYgyryeSc0Jlf-0YhzuOGg2yL2lJu-Qm-FC3AVMIgqxZPm3M42oNTPgQ5wC23F0WpNKkNQDJ_H5MRmqmKFmUY7VYEyWx0vYEz9DrVPJkQ387TQNVS1BimZI/s1600/Fields+Empty.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="186" data-original-width="546" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfT9lsP55JYLZPlovOpGjLzYgyryeSc0Jlf-0YhzuOGg2yL2lJu-Qm-FC3AVMIgqxZPm3M42oNTPgQ5wC23F0WpNKkNQDJ_H5MRmqmKFmUY7VYEyWx0vYEz9DrVPJkQ387TQNVS1BimZI/s400/Fields+Empty.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal">
<span lang="EN-US"><i><span style="color: #3d85c6;"><b>When “Drinks” is selected, “Drink Type” should
cascade (filter the values) and show the types based upon selection<o:p></o:p></b></span></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZuVGCCfY3gD5IbSqTJN1D2IV1kNfC_y5pfqfI8MfV_9J1nUj2u_JyuTF1atDg7GpeZfIwxMDus_txOqWZgJKIygH5s0ohKb8dfUGiztEjzWhQOrac_pFJL0NheV5VK1gZdjgqJgp2RIw/s1600/Cascading+Demo.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="179" data-original-width="337" height="169" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZuVGCCfY3gD5IbSqTJN1D2IV1kNfC_y5pfqfI8MfV_9J1nUj2u_JyuTF1atDg7GpeZfIwxMDus_txOqWZgJKIygH5s0ohKb8dfUGiztEjzWhQOrac_pFJL0NheV5VK1gZdjgqJgp2RIw/s320/Cascading+Demo.gif" width="320" /></a></div>
<div class="MsoNormal">
<i><span style="color: #3d85c6;"><b>When
“Drink Type” is selected, the “Price” should automatically populate in the Price field</b></span></i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtHWNqBFkEsqYc7vmK7CFLrXV-1gxbkpXc7QFgnkJ1Yuat3a4jdyOPght91fyQkCJ2DWny-rjrxdlc5gBskskMbauBf1NwxpPSN5Gyx1XY2ChmL1og1MuqMakfVOkGFtUXJrZwyrQdMek/s1600/Price+updates.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="175" data-original-width="309" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtHWNqBFkEsqYc7vmK7CFLrXV-1gxbkpXc7QFgnkJ1Yuat3a4jdyOPght91fyQkCJ2DWny-rjrxdlc5gBskskMbauBf1NwxpPSN5Gyx1XY2ChmL1og1MuqMakfVOkGFtUXJrZwyrQdMek/s1600/Price+updates.gif" /></a></div>
<div class="MsoNormal">
The data saved to the list will look as shown below:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjSCwNQlUm90fhrY7j26B03sed_8dnTA0ctX6x3MErBptCLGq09SCBsy9sMTKPhF49mFuAhyIV2Uf1sv-1BH83ABfZgWDNw1kkoTPc3XgKptYi8jfmPEcGEJZYPjL-ac-T6ezkP6a_aQ/s1600/Final+List+Data.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="276" data-original-width="426" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjSCwNQlUm90fhrY7j26B03sed_8dnTA0ctX6x3MErBptCLGq09SCBsy9sMTKPhF49mFuAhyIV2Uf1sv-1BH83ABfZgWDNw1kkoTPc3XgKptYi8jfmPEcGEJZYPjL-ac-T6ezkP6a_aQ/s320/Final+List+Data.PNG" width="320" /></a></div>
<div class="MsoNormal">
<b><span lang="EN-US"><i><span style="color: #3d85c6;">JS
code for cascading the lookup values (Drinks -> Drink Type) is shown below:</span></i><o:p></o:p></span></b></div>
</div>
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Function to filter the values of Drink Types</span>
<span style="color: blue;">function</span> loadDrinkTypes(selectedDrink) {
<span style="color: blue;">var</span> drinkTypeListName = <span style="color: #a31515;">"Drink Type"</span>;
<span style="color: blue;">var</span> drinkTypeListURL = _spPageContextInfo.webAbsoluteUrl + <span style="color: #a31515;">"/_api/web/lists/getbytitle('"</span> + drinkTypeListName + <span style="color: #a31515;">"')/items?$select=Title,Drink/Title,Drink/Id&$expand=Drink&$filter=Drink/Title eq '"</span> + selectedDrink + <span style="color: #a31515;">"'"</span>;
getReqData(drinkTypeListURL, <span style="color: blue;">function</span> (data) {
<span style="color: blue;">var</span> items = data.d.results;
<span style="color: blue;">if</span> (items.length > 0) {
<span style="color: blue;">var</span> optionsAsString = <span style="color: #a31515;">'<option value=""></option>'</span>;
<span style="color: blue;">for</span> (<span style="color: blue;">var</span> i = 0; i < items.length; i++) {
optionsAsString += <span style="color: #a31515;">"<option value='"</span> + items[i].Title + <span style="color: #a31515;">"'>"</span> + items[i].Title + <span style="color: #a31515;">"</option>"</span>;
}
$(<span style="color: #a31515;">'select[title="Drink Type"]'</span>).html(optionsAsString);
}
},
<span style="color: blue;">function</span> (data) {
<span style="color: green;">//alert("Some error occurred in getting Drink Types");</span>
});
}
<span style="color: green;">//JQuery AJAX to access REST API JSON data</span>
<span style="color: blue;">function</span> getReqData(reqUrl, success, failure) {
$.ajax({
url: reqUrl,
method: <span style="color: #a31515;">"GET"</span>,
headers: { <span style="color: #a31515;">"Accept"</span>: <span style="color: #a31515;">"application/json; odata=verbose"</span> },
success: <span style="color: blue;">function</span> (data) {
success(data);
},
error: <span style="color: blue;">function</span> (data) {
failure(data);
}
});
}
</pre>
</div>
<div class="MsoNormal">
<b><span lang="EN-US"><i><span style="color: #3d85c6;">JS
code for setting the Price value automatically on Drink Type selection is shown
below:</span></i><o:p></o:p></span></b></div>
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Function set the Drink Price </span>
<span style="color: blue;">function</span> setDrinkPrice(drinks, drinkType) {
<span style="color: blue;">var</span> drinkTypeListName = <span style="color: #a31515;">"Drink Type"</span>;
<span style="color: blue;">var</span> drinkTypeListURL = _spPageContextInfo.webAbsoluteUrl + <span style="color: #a31515;">"/_api/web/lists/getbytitle('"</span> + drinkTypeListName + <span style="color: #a31515;">"')/items?$select=Price&$filter=(Drink/Title eq '"</span> + drinks + <span style="color: #a31515;">"') and (Title eq '"</span> + drinkType + <span style="color: #a31515;">"')"</span>;
getReqData(drinkTypeListURL, <span style="color: blue;">function</span> (data) {
<span style="color: blue;">var</span> items = data.d.results;
<span style="color: blue;">if</span> (items.length > 0) {
<span style="color: blue;">var</span> price = <span style="color: #a31515;">""</span>;
<span style="color: blue;">for</span> (<span style="color: blue;">var</span> i = 0; i < items.length; i++) {
$(<span style="color: #a31515;">"input[title='Price']"</span>).val(items[i].Price);
}
}
},
<span style="color: blue;">function</span> (data) {
<span style="color: green;">//alert("Some error occurred in getting price");</span>
});
}
</pre>
</div>
<div class="MsoNormal">
<span lang="EN-US">Please download the full code to view how
each method are called in document.ready()<o:p></o:p></span></div>
<div class="MsoNormal">
<span lang="EN-US"><a href="https://www.dropbox.com/sh/b56h84b10ks5i5o/AABV29tyUHLwk-6uT9V7XuC0a?dl=0" target="_blank">Download the JS files, List Templates from this link for the complete solution</a></span><span lang="EN-US"><a href="https://www.dropbox.com/sh/b56h84b10ks5i5o/AABV29tyUHLwk-6uT9V7XuC0a?dl=0" target="_blank">.</a><o:p></o:p></span></div>
<div class="MsoNormal">
<b><span lang="EN-US">Note:
<o:p></o:p></span></b></div>
<div class="MsoNoSpacing">
<span lang="EN-US">1. The above code is tested in SharePoint
Online (all the lists are in Classic Mode and not Modern List views in SP
Online)<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<span lang="EN-US">2. It should work in SharePoint 2013 and
2016 versions as well</span></div>
<div class="MsoNoSpacing">
Please free to comment. Always, your comments
help me to write more.😃 Share this post to others if this helps you!😇</div>
<div class="MsoNoSpacing">
You’re still here? I don’t have anything
else for you sorry. It’s straightforward. Go… go make some users happy. 😎😀<br />
<b><span style="color: #0b5394;">Update: 06/07/2017</span></b><br />
To know about implementing multi-value lookup column and filtering values, read this article: <a href="https://sharepoint-works.blogspot.com/2017/07/multi-value-lookup-columns-in-sharepoint.html" target="_blank">Multi value Lookup Columns in SharePoint</a></div>
Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-1560434051338786930.post-30739323644583045292017-06-20T09:18:00.000+05:302017-06-20T09:18:49.397+05:30Accessing Checkbox in SharePoint using JQuery<div class="MsoNormal" style="text-align: justify;">
<span lang="EN-US" style="background: white; font-family: inherit , serif;"><span style="font-family: inherit;">I couldn't find anything obvious for accessing<span class="apple-converted-space"> </span><b>SharePoint Check Box<span class="apple-converted-space"> </span></b>so chucked this together,
hopefully useful for someone else 😉😎</span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: inherit;">Read this article to know about </span><span style="font-family: inherit;"><a href="http://sharepoint-works.blogspot.com/2016/10/accessing-radio-buttons-using-jquery-in.html" target="_blank">Accessing Radio Buttons using J Query in SharePoint</a></span></span></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-family: inherit;"><span lang="EN-US" style="background: white;"><span style="font-family: inherit;"><b>Note:</b> The below code/solution is
applicable to accessing check box in a <b>custom
SharePoint List forms</b> using <b>SharePoint
Designer</b>. To know how to create a custom form in SharePoint Online,
read this article <a href="http://sharepoint-works.blogspot.com/2016/10/get-current-logged-in-user-manager.html" target="_blank">Get Current Logged in User & Manager using REST API in SharePoint Online</a></span></span></span><span lang="EN-US"><span style="font-family: inherit;"><span style="background-color: white; font-family: inherit;">Accessing Check Box control in SharePoint is little tricky than accessing the check
box in HTML. The reason being, Check Box control is rendered as a table
instead of a single control as shown below (Check Box and its preview in
developer tools - Chrome):</span></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsNLw9-O0GJTpvIF0yvPtIv656-23W5qZx-3PQbJ1g3lroTNoIlhc-QaiTblWc7C6UvU9PwvyhscYvrIT27M60M4mBNDr-_yplT69U1AIQ2K3r4en90SAgYZ5oEt4T_UZVICY7jyeQRVY/s1600/Checkbox+Structure+in+Developer+Tools.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="469" data-original-width="897" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsNLw9-O0GJTpvIF0yvPtIv656-23W5qZx-3PQbJ1g3lroTNoIlhc-QaiTblWc7C6UvU9PwvyhscYvrIT27M60M4mBNDr-_yplT69U1AIQ2K3r4en90SAgYZ5oEt4T_UZVICY7jyeQRVY/s640/Checkbox+Structure+in+Developer+Tools.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span lang="EN-US" style="background: white; font-family: inherit; line-height: 107%; text-align: justify;">So, each check box is rendered inside SPAN tag in a
table. To access the normal SharePoint controls, we will use either ID or
title property but for Check Box it is little </span><span lang="EN-US" style="background: white; font-family: inherit; line-height: 107%; text-align: justify;">complicated</span><span lang="EN-US" style="background: white; font-family: inherit; line-height: 107%; text-align: justify;">.</span></div>
<div style="text-align: justify;">
<div style="text-align: justify;">
<span style="font-family: inherit;"><span style="font-family: inherit;"><span lang="EN-US" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><span lang="EN-US" style="background: white; line-height: 107%;">The actual check box control is in "<b>input</b>"
tag </span></span><span lang="EN-US" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><span lang="EN-US" style="background: white; line-height: 107%;">2. The values (Example here: A, B) are inside "<b>label</b>"
tag </span></span><span lang="EN-US" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><span lang="EN-US" style="background: white; line-height: 107%;">3. But each control (<b>Yes & No</b>) are represented by ID which is generated by
SharePoint </span></span><span lang="EN-US" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;"><span lang="EN-US" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; line-height: 107%;"><span style="background-color: white;">4<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">.
</span><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial;">If you </span></span><span style="background: rgb(255, 255, 255);">look at the ID, there is "<b>ff5</b>" which is the ID
of the control generated randomly by SharePoint</span></span></span></span></span></div>
</div>
<div style="text-align: justify;">
<span style="background-color: white; font-family: inherit;">Now, open the designer, add an ID to the TD of the Check Box so that we can
query it easily using JSOM as shown below:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_HpiADKP2UkK5nM8eZzQvPU7xjSaEA_erwMxIDKlWZYwHzKC16ND2v7lGSdpndgqcM1Ce3BcMv4H5za0DLFW0AZYmpPFfhMi-YQRwNhboNL_1BAP9qQSWX7In_ZUD3MBsQll2ENsfh14/s1600/ID+for+TD+tag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="164" data-original-width="574" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_HpiADKP2UkK5nM8eZzQvPU7xjSaEA_erwMxIDKlWZYwHzKC16ND2v7lGSdpndgqcM1Ce3BcMv4H5za0DLFW0AZYmpPFfhMi-YQRwNhboNL_1BAP9qQSWX7In_ZUD3MBsQll2ENsfh14/s640/ID+for+TD+tag.png" width="640" /></a></div>
<div class="MsoNormal">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: #008800; font-style: italic;">//Get the checked values of Check Box</span>
$(<span style="color: blue;">"input[id ^= 'tdLanguage']"</span>).is(<span style="color: navy; font-weight: bold;">function</span>(){
<span style="color: navy; font-weight: bold;">var</span> checked = $(<span style="color: navy; font-weight: bold;">this</span>).is(<span style="color: blue;">":checked"</span>); <span style="color: #008800; font-style: italic;">//is checkbox checked (true/false)?</span>
<span style="color: navy; font-weight: bold;">var</span> theVal = $(<span style="color: navy; font-weight: bold;">this</span>).next().text(); <span style="color: #008800; font-style: italic;">//get the label for this checkbox</span>
alert(checked + <span style="color: blue;">" : "</span> + theVal);
});
</pre>
</div>
</div>
<div class="MsoNormal">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: #008800; font-style: italic;">//Check if checkbox is selected or not</span>
($(<span style="color: blue;">"#tdLanguage"</span>).children().find(<span style="color: blue;">'input:checkbox'</span>).is(<span style="color: blue;">':checked'</span>))
</pre>
</div>
</div>
<div class="MsoNormal">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: #008800; font-style: italic;">//Check box checked or not - single check box type in SharePoint</span>
$(<span style="color: blue;">"td[id='tdLanguage'] input:checkbox[name*='ff5']"</span>).is(<span style="color: blue;">":checked"</span>)
</pre>
</div>
</div>
<div class="MsoNormal">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: #008800; font-style: italic;">//Check all the values of checkbox</span>
$(<span style="color: blue;">"td[id='tdLanguage'] input:checkbox[name*='ff5']"</span>).attr(<span style="color: blue;">'checked'</span>,<span style="color: navy; font-weight: bold;">true</span> )
</pre>
</div>
</div>
<div class="MsoNormal">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<pre style="line-height: 125%; margin: 0px;"><span style="color: #008800; font-style: italic;">//Uncheck /Clear all checkbox values</span>
$(<span style="color: blue;">"td[id='tdLanguage'] input:checkbox[name*='ff5']"</span>).attr(<span style="color: blue;">'checked'</span>,<span style="color: navy; font-weight: bold;">false</span> )<span style="font-family: Times New Roman;"><span style="white-space: normal;">
</span></span></pre>
</div>
</div>
<div class="MsoNormal">
<div class="MsoNormal">
*** <b>"'tdLanguage'"</b> is the ID of the SharePoint Radio Button Control, "ff5" is the unique ID of the SharePoint Control in your List form. Change this ID according to your form to get the exact result.<br />
Please share your valuable comments which will make me write more and also share this post using the below social buttons to others.<br />
<b>Happy Share(ing)Point! </b>👍</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-56041904390480213912017-06-02T07:30:00.000+05:302017-08-11T21:30:52.482+05:30SharePoint Online Software Boundaries and Limits<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormalCxSpFirst" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: 2.0pt; mso-add-space: auto; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxe13WXoRCUX8XAcLqdWjAkoJsP9VWLJzgHNtKZzTCZ9Pm3in_mVhnJOjN0ryXUobMCdRqgtkZLAyIlb0D6OxJEqu89YE8CnLwYbWp2XmcIxGI_yhM1ymc4YjI1st1mE9_tuUvIZiJ7FY/s1600/SharePointOnline+Bpundaries+%2526+Limits.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" data-original-height="681" data-original-width="1451" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxe13WXoRCUX8XAcLqdWjAkoJsP9VWLJzgHNtKZzTCZ9Pm3in_mVhnJOjN0ryXUobMCdRqgtkZLAyIlb0D6OxJEqu89YE8CnLwYbWp2XmcIxGI_yhM1ymc4YjI1st1mE9_tuUvIZiJ7FY/s400/SharePointOnline+Bpundaries+%2526+Limits.png" width="400" /></span></a></div>
<span style="font-family: inherit;"><b><span style="color: #2e74b5; font-size: 12.0pt;"><br /></span></b>
<b><span style="color: #2e74b5; font-size: 12.0pt;">Size
limit and Number of items that can be synced</span></b><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-left: 35.7pt; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify; text-indent: -17.85pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 12pt;">You can sync up to 20,000 items
in your One Drive for Business library. This includes folders and files.<o:p></o:p></span></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-left: 35.7pt; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify; text-indent: -17.85pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 12pt;">You can sync up to 5,000 items in a
SharePoint library. This includes folders and files. These are the libraries that
you find on various SharePoint sites, such as team sites and community sites.
This also includes syncing other people's One Drive personal sites that you may
have access to. You can sync multiple SharePoint libraries.<o:p></o:p></span></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-left: 35.7pt; mso-add-space: auto; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 36.0pt; text-align: justify; text-indent: -17.85pt;">
<!--[if !supportLists]--><span style="font-family: inherit;"><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;">
</span></span><!--[endif]--><span style="font-size: 12pt;">In any SharePoint library, you can sync
files of up to 2 GB<o:p></o:p></span></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: 2.0pt; mso-add-space: auto; mso-outline-level: 4; text-align: justify;">
<span style="font-family: inherit;"><b><span style="color: #2e74b5; font-size: 12.0pt;">Character limit for files and folders</span></b><b><span style="font-size: 12pt;"><o:p></o:p></span></b></span></div>
<ol start="1" type="1">
<li class="MsoNormalCxSpMiddle" style="line-height: normal;"><span style="font-family: inherit; font-size: 12.0pt;">In
SharePoint Online, file names can have up to 256 characters<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal;"><span style="font-family: inherit; font-size: 12.0pt;">Folder
names can have up to 250 characters<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal;"><span style="font-family: inherit; font-size: 12.0pt;">When
you sync One Drive for Business with SharePoint Online, a folder named
"forms" isn't supported at the root level for a list or library.
This occurs because "forms" is a hidden default folder that's
used to store templates and forms for the library.<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal;"><span style="font-family: inherit; font-size: 12.0pt;">Any
file that’s currently open by an application (for example, an Excel .xlsx
file) can't be synced by One Drive for Business.<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal;"><span style="font-family: inherit; font-size: 12.0pt;">To sync
the file, close any application where the file is currently being used,
and then sync the file.<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal;"><span style="font-family: inherit; font-size: 12.0pt;">The
following characters in file names aren't supported when you sync One
Drive for Business with SharePoint Online: (\, /, :, *, ?, “, <,
>, |, #, %, ~)<o:p></o:p></span></li>
</ol>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: 2.0pt; mso-add-space: auto; mso-outline-level: 4; text-align: justify;">
<span style="font-family: inherit;"><b><span style="color: #2e74b5; font-size: 12.0pt;">SharePoint Online Site Collection</span></b><b><span style="font-size: 12pt;"><o:p></o:p></span></b></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12pt;">1. SharePoint Online Site collection package
details below:<o:p></o:p></span></div>
<ul style="margin-top: 0cm;" type="disc">
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">Small
Business: a single Team Site Collection<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">Midsize
Business plans: limits 20 Team Site Collections<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">Enterprise,
Education, and Government: limits to 10,000 Team Site Collections<o:p></o:p></span></li>
</ul>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12pt;">2. In all options, just single Public Web Site
Collection can be created, 1TB for My sites, 2000 site/sub site per site
collection<o:p></o:p></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 0cm; margin-right: 0cm; margin-top: 2.0pt; mso-add-space: auto; mso-outline-level: 4; text-align: justify;">
<span style="font-family: inherit;"><b><span style="color: #2e74b5; font-size: 12.0pt;">Developer Limits</span></b><b><span style="font-size: 12pt;"><o:p></o:p></span></b></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12pt;">Only Sandbox Solutions are designed to allow
SharePoint developer to customize/develop on Office365/SharePoint Online<o:p></o:p></span></div>
<ul style="margin-top: 0cm;" type="disc">
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">No
access to file/folder. It means you cannot use IO API commands<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">Only be
deployed at a site collection level scope (not farm scope)<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">No
access to web.config<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">PDF
Documents cannot be opened in the browser<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">Restrictions
to access security<o:p></o:p></span></li>
<li class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: 0.0001pt; text-align: justify;"><span style="font-family: inherit; font-size: 12.0pt;">Cannot
overuse system resources<o:p></o:p></span></li>
</ul>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit;"><b><span style="color: #2e74b5; font-size: 12.0pt;">Storage</span></b><span style="font-size: 12pt;"><o:p></o:p></span></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: justify;">
<span style="font-family: inherit; font-size: 12pt;">The following table describes the limits for
SharePoint Online in Office 365 Business Essentials and Office 365 Business
Premium:<o:p></o:p></span></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="border-collapse: collapse; mso-padding-alt: 0cm 0cm 0cm 0cm; mso-yfti-tbllook: 1184;">
<tbody>
<tr style="height: 23.45pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid windowtext 1.0pt; height: 23.45pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div align="center" class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: center;">
<span style="font-family: inherit;"><b><span style="font-size: 12.0pt;">Feature</span></b><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; height: 23.45pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div align="center" class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: center;">
<span style="font-family: inherit;"><b><span style="font-size: 12.0pt;">Description</span></b><span style="font-size: 12.0pt;"><o:p></o:p></span></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Storage per user (contributes to total storage base of tenant)<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">500 megabytes (MB) per subscribed user<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Storage base per tenant<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">10 GB + 500 MB per subscribed user + additional storage purchased<o:p></o:p></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">For example, if you have 10,000 users, the base storage allocation is
approximately 5 TB (10 GB + 500 MB * 10,000 users)<o:p></o:p></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">You can purchase an unlimited amount of additional storage<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Site collection storage limit<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Up to 1 TB per site collection. (25 GB for trial).<o:p></o:p></span></div>
<div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">SharePoint admins can set storage limits for site collections and
sites. The minimum storage allocation per site collection is 100 MB<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">List view threshold limit in site libraries, including files and folders<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">You can sync up to 5,000 items in site libraries, including folders
and files<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Site collections (#) per tenant<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">500,000 site collections (other than personal sites)<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Sub sites<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Up to 2,000 sub sites per site collection<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">File upload limit<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">2 GB per file<o:p></o:p></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; padding: 0cm 5.4pt 0cm 5.4pt; width: 175.25pt;" valign="top" width="584"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">Number of external user’s invitees<o:p></o:p></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; padding: 0cm 5.4pt 0cm 5.4pt; width: 292.25pt;" valign="top" width="974"><div class="MsoNormalCxSpMiddle" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-add-space: auto; text-align: justify;">
<span style="font-family: inherit; font-size: 12.0pt;">There is no limit to number of external users you can invite to your
SharePoint Online Site Collections</span></div>
</td></tr>
</tbody></table>
</div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-57605371242825448662017-05-18T21:30:00.004+05:302017-06-02T19:13:29.185+05:30Site Mailbox is removed from SharePoint Online<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="margin: 0in 0in 8pt; text-align: left;" trbidi="on">
<span style="font-family: Georgia, "Times New Roman", serif;">I tried to create a Site Mailbox this morning, in SharePoint Online and
came to know this feature is no longer supported in SharePoint Online.</span></div>
<div class="separator" dir="ltr" style="clear: both; text-align: left;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LDOii1z2seGegbmrT8EntB7R0qgV9YDpAOH48uCVoplICYrsgSY03nyIWDOFdnBxK6RWB3cf5nNAICNEWlLijCdOkLp0SrXFawmBYMe0B1ADsxNnExHvkkHTP04Sc0ByrpeLyuPocnY/s1600/SiteMailBox.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LDOii1z2seGegbmrT8EntB7R0qgV9YDpAOH48uCVoplICYrsgSY03nyIWDOFdnBxK6RWB3cf5nNAICNEWlLijCdOkLp0SrXFawmBYMe0B1ADsxNnExHvkkHTP04Sc0ByrpeLyuPocnY/s320/SiteMailBox.PNG" width="320" /></span></a><span style="font-family: Georgia, "Times New Roman", serif;"> </span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhPoX97lW93b4YzIO335R_OPmoU8XJzo3_CFyou6M7_Uv8Q3iurFU4IL01ik4iZgmU-7mFSFwcMfb9fzrRrgT858RZ5G4Fp0FLGpEdw23Lf57BNMX9rRflN9Xc_s6kd74zWo3L4JkuFE/s1600/Error.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwhPoX97lW93b4YzIO335R_OPmoU8XJzo3_CFyou6M7_Uv8Q3iurFU4IL01ik4iZgmU-7mFSFwcMfb9fzrRrgT858RZ5G4Fp0FLGpEdw23Lf57BNMX9rRflN9Xc_s6kd74zWo3L4JkuFE/s640/Error.PNG" width="640" /></span></a><span style="font-family: Calibri;"></span></div>
<div class="separator" dir="ltr" style="clear: both; text-align: left;" trbidi="on">
<span style="font-family: Calibri;"><br /><span style="font-family: Georgia, "Times New Roman", serif;"></span></span></div>
<div class="separator" dir="ltr" style="clear: both; text-align: left;" trbidi="on">
<span style="font-family: Georgia, "Times New Roman", serif;">Tried to understand it in detail and following are the
updates:</span></div>
<ol style="text-align: left;"><span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><div class="separator" style="clear: both; text-align: justify;" trbidi="on">
<span style="font-family: Calibri;"><span style="font-family: Georgia, "Times New Roman", serif;">Microsoft is notifying Office 365 customers that access to Site Mailboxes is being removed from SharePoint Online, and no more Site Mailboxes can be created from <strong>March 2017 onward.</strong></span></span></div>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><div class="separator" style="clear: both; text-align: justify;" trbidi="on">
<span style="font-family: Georgia, "Times New Roman", serif;">Site Mailboxes originally appeared as a feature of <strong>Exchange Server 2013</strong>. Site Mailboxes appended together an Exchange mailbox with a SharePoint site to allow users to collect email conversations in a single location, as well as access shared documents from both Outlook and SharePoint. </span></div>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><div style="text-align: justify;">
<span style="font-family: Georgia, "Times New Roman", serif;">If you are using Site Mailboxes, then you have got some migration work to look forward to. Otherwise, if you are looking for “email-centric collaboration”,<strong> Office 365 Groups</strong> are the way to go (Reference: Microsoft Community Groups).</span></div>
</li>
</ol>
</div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-29506188099579274732017-05-05T22:07:00.001+05:302017-06-02T19:13:42.091+05:30Slide Library in SharePoint Online<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Georgia, "Times New Roman", serif;">When you try to migrate from SharePoint 2010 to SharePoint Online (Office 365), Slide Library template is not listed as app in the Create App section.</span><br />
<span style="font-family: Georgia, "Times New Roman", serif;">You can still get it with a direct URL. I would not depend on it being there forever as the Slide Library is officially not in SharePoint 2013, but for now you can create one.</span><br />
<b><span style="font-family: Georgia, "Times New Roman", serif;">The direct URL to create the old Slide Library:</span></b><br />
<strong><span style="font-family: Georgia, "Times New Roman", serif;"> </span><a href="http://yourserver/sites/yoursite/_layouts/15/slnew.aspx?FeatureId={0be49fe9-9bc9-409d-abf9-702753bd878d}&ListTemplate=2100"><span style="font-family: Georgia, "Times New Roman", serif;">http://<i>yourserver</i>/sites/<i>yoursite</i>/_layouts/15/slnew.aspx?FeatureId={0be49fe9-9bc9-409d-abf9-702753bd878d}&ListTemplate=2100</span></a></strong><br />
<strong><br /></strong><span style="font-family: Georgia, "Times New Roman", serif;">
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOefq0H2aF9Ol350mJ0h8zFElatcgDXnTaGc_5ZqKiMq04P5VB-xmkPijV0o3G-Yd58DbzzQ_TGOlUZWOusZk7qc2sCw7Y6em0loZsEYPNqDupwncfsJtDzYpO_Gk6xCt5n0ACVNiaJk/s1600/Slide+Library.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOefq0H2aF9Ol350mJ0h8zFElatcgDXnTaGc_5ZqKiMq04P5VB-xmkPijV0o3G-Yd58DbzzQ_TGOlUZWOusZk7qc2sCw7Y6em0loZsEYPNqDupwncfsJtDzYpO_Gk6xCt5n0ACVNiaJk/s640/Slide+Library.png" width="640" /></span></a></div>
<strong><span style="font-family: Georgia, "Times New Roman", serif;">Update 22/05/2017:</span></strong><br />
<span style="font-family: Georgia, "Times New Roman", serif;">Even though above solution works as expected in SharePoint 2013 & SP Online it is advisable not to use since Microsoft may remove this feature in future.</span></div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-105000743575806622017-02-28T11:16:00.000+05:302017-06-02T19:13:58.332+05:30Challenges to be considered before migrating from SharePoint 2010 to 2016<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="margin-left: 18pt; text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaOR3kI10ZPKohPlfs4o4rdqX-tf472lNm9_LhaLYvxMBn91OVZrJbLhyKWm7TAso8qCwme_nYnvzb-pv59V4vv-mxlJZNUmfts-gMBmLgGlYuHVIqhsUkg4KrGA3weowlFAxd0jChFDE/s1600/SP+2016+Migration.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaOR3kI10ZPKohPlfs4o4rdqX-tf472lNm9_LhaLYvxMBn91OVZrJbLhyKWm7TAso8qCwme_nYnvzb-pv59V4vv-mxlJZNUmfts-gMBmLgGlYuHVIqhsUkg4KrGA3weowlFAxd0jChFDE/s400/SP+2016+Migration.png" width="400" /></span></a></div>
<ol><span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">Identifying
the business owners for each site / site collection</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;"><b><span style="font-size: 12pt; line-height: 107%;">Data Cleansing</span></b><span style="font-size: 12pt; line-height: 107%;"> - identifying the old
contents/obsolete data for archiving</span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">Identifying
the intranet links embedded inside the documents (while migrating to SharePoint
Online)<span style="font-size: 12pt;"> </span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;"><b><span style="font-size: 12pt; line-height: 107%;">Optimize and define databases - </span></b><span style="font-size: 12pt; line-height: 107%;">Perform
re-organization of content. For example, as you determine what will be brought
over to the new environment, you may end up archiving some ‘less-used’ content
to a ‘read-only’ or ‘slower’ server.</span>Consider
moving read only data to a separate SQL instance or even separate SQL farm
where the data is read-only. You may also want to consider moving less
frequently used content to SQL servers that have less resources and keep the
higher performing SQL servers for the frequently used/collaborative content,
perhaps your ‘old’ SQL server.</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">Size of
data to be migrated – this will affect the migration time</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">Any good
migration should involve a <b style="font-size: 12pt;">content
audit. </b><span style="font-size: 12pt;">Data security (legal & audit implications should be considered)
–confidential documents which are restricted for internal use cannot be
migrated to SharePoint Online. </span>Key
‘things’ like ‘Highly Visible or Critical Areas’, ‘Executive Users
Permissions’, ‘Large AD Group Users’ assignments, ‘Highly Used’ Features,
‘Heavy Customizations’, Integration with other systems, etc. must be
identified, and documented in order to identify where the critical data and
functionality exists. Depending on the access to the content, an appropriate
‘services’ and ‘security’ model can be included in the SharePoint migration
planning (and later validation).</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">SharePoint
2010 cannot be directly migrated to 2016 and it needs to be migrated to 2013
and then to 2016 version (when Database upgrade approach is opted as an option
for migration)</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">If tool
based migration (like <b style="font-size: 12pt;">Sharegate,
Metalogix</b><span style="font-size: 12pt;">) approach is used, then direct migration from 2010 to 2016 is
possible</span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;"><b><span style="font-size: 12pt; line-height: 107%;">10 GB</span></b><span style="font-size: 12pt; line-height: 107%;"> is the new soft limit for file
sizes in SharePoint 2016</span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;"><b><span style="font-size: 12pt; line-height: 107%;">If custom master page</span></b><span style="font-size: 12pt; line-height: 107%;"> is used,
then the existing master page needs to be upgraded /recreated from 2010 -2013
–then 2016 version for using it in SharePoint 2016</span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">While using
<b style="font-size: 12pt;">database upgrade</b><span style="font-size: 12pt;"> (2010 to 2013 and
then to 2016) approach, SharePoint 2010 sites will be made </span><b style="font-size: 12pt;">read only</b><span style="font-size: 12pt;"> during migration process</span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">Any custom
farm solutions should be upgraded to SharePoint 2016 before use</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">The same
connectivity/integrations to external systems in SharePoint on-premises
environment may not be achieved in SharePoint Online</span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">New user
ID’s needs to be created in SharePoint Online. New/<span style="font-size: 12pt; line-height: 107%;"> existing
permission levels needs to be created in SharePoint Online</span></span></li>
<span style="font-family: Georgia, "Times New Roman", serif;">
</span>
<li><span style="font-family: Georgia, "Times New Roman", serif;">End users
needs to be trained for new UI/navigation, etc.</span></li>
</ol>
</div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-30472130096827447092017-01-18T13:04:00.000+05:302017-06-02T19:14:11.460+05:30Enable "Open with Explorer" Option In SharePoint Online Document Libraries In Microsoft Edge Browser<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="text-align: left;">
<div class="MsoNormal" style="text-align: left;">
<div class="MsoNormal" style="text-align: left;">
<span style="color: #38761d; font-family: inherit;"><i><b><span style="font-family: Georgia, "Times New Roman", serif; font-size: 13.5pt; line-height: 19.26px;">Happy New Year 2017 to all readers and wish you all success in this year 😃😃😃</span></b></i></span></div>
<div class="MsoNormal" style="text-align: left;">
<span style="font-family: Georgia, "Times New Roman", serif;"></span><br />
<div class="MsoNormal">
<span style="font-family: Georgia, "Times New Roman", serif;"><span style="line-height: 17.12px;">I was asked by my colleague who is from different Technology stream about </span><span style="font-family: "arial" , "helvetica" , sans-serif;">“Open with Explorer” option disabled in SharePoint Online document libraries in Microsoft Edge browser.</span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: 12pt; line-height: 17.12px;">Microsoft Edge browser has a new look and feel than other IE versions and obviously it is going to take a while for all end users to get used to / to know the various options in it.</span><span style="font-size: 12pt; line-height: 17.12px;">I tried checking the permissions of the user and he has admin permissions but still the user couldn’t open the library with explorer option as shown below:</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhTpB58Cg6TznTHHaSDC3_RdtyGoYqwIxCezvOePs2FDD8watnIJnfQDLZ1mGyxtRW4eBEPC0NJcaxGmFxVNA1FqGfluGxy1v9nM9jTgYRK5zn9kH1r5cJ43EC0Bec-2bg9ZsT5w4bzMc/s1600/Open+with+explorer+disabled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhTpB58Cg6TznTHHaSDC3_RdtyGoYqwIxCezvOePs2FDD8watnIJnfQDLZ1mGyxtRW4eBEPC0NJcaxGmFxVNA1FqGfluGxy1v9nM9jTgYRK5zn9kH1r5cJ43EC0Bec-2bg9ZsT5w4bzMc/s640/Open+with+explorer+disabled.png" width="640" /></span></a></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: 12pt; line-height: 17.12px;">As usual searched for various articles and understood about the features of Microsoft Edge browser.</span><span style="font-size: 12pt; line-height: 17.12px;">Read this KB article about Microsoft Edge and SharePoint behavior:</span></span></span><br />
<div style="text-align: left;">
<span style="font-size: 12pt; line-height: 17.12px;"><a href="https://support.office.com/en-us/article/Using-SharePoint-in-Windows-10-a16bdaa4-73d6-45f8-897f-0a3cb8131763" target="_blank"><span style="font-family: Georgia, "Times New Roman", serif;">https://support.office.com/en-us/article/Using-SharePoint-in-Windows-10-a16bdaa4-73d6-45f8-897f-0a3cb8131763</span></a></span></div>
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-size: 12pt; line-height: 17.12px;"><br /></span></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: Georgia, "Times New Roman", serif; font-size: 12pt; line-height: 17.12px;"><b><u>Solution:</u></b></span></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: Georgia, "Times New Roman", serif; font-size: 12pt; line-height: 17.12px;">Navigate to the edge browser -> click on Open with Internet Explorer as shown below:</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiMwUEdBDvp28mqUHX6UiZ5xapQKi4NluyIj84HeIPOYy9ODfBGe_mR2Qf9Q0A1_O_HVb1QXYz2s3EjVxHO_dJ62hZyHDqyjIprVJdXiV0HgG-F7d0xO_YiNv-FyGGy-gvv8UlF07DxuU/s1600/Open+with+IE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiMwUEdBDvp28mqUHX6UiZ5xapQKi4NluyIj84HeIPOYy9ODfBGe_mR2Qf9Q0A1_O_HVb1QXYz2s3EjVxHO_dJ62hZyHDqyjIprVJdXiV0HgG-F7d0xO_YiNv-FyGGy-gvv8UlF07DxuU/s320/Open+with+IE.png" width="278" /></span></a></div>
<span style="font-family: Georgia, "Times New Roman", serif;"></span><br />
<span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: 12pt; line-height: 17.12px;">Now, the SharePoint site should open in the IE 11 (latest version before Microsoft Edge is released).</span><span style="font-size: 12pt; line-height: 17.12px;">As expected, in IE 11, Open with Explorer option is enabled and everything works perfectly as shown below:</span></span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1F9hTGqV66dinHNmJdLxIkmjQJQGaufNMzoxKdj7OtgbV6k-vmpcEcRdsZug1KcCZZld4vg2eb3MDBoEn28W2ng9PF3L3_bU8y4kqc2YXo5ca7hu9ijKyNnv6x7MVib-hz9WAWhamdE/s1600/Option+enabled+in+IE+11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="190" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ1F9hTGqV66dinHNmJdLxIkmjQJQGaufNMzoxKdj7OtgbV6k-vmpcEcRdsZug1KcCZZld4vg2eb3MDBoEn28W2ng9PF3L3_bU8y4kqc2YXo5ca7hu9ijKyNnv6x7MVib-hz9WAWhamdE/s640/Option+enabled+in+IE+11.png" width="640" /></span></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS6AOOuYsmXyG3946n5K-kR1LNe3QRsd8mLICT6QuwxFcvyRfkVOls5rAuatF4cxCrE58Zf7dG4VOjSu_R66JV4BUx6ZO-IETMmTWpJ9A0qIJ2T7sytaJTN_mHJXVdGh2mckDVfAxdFwQ/s1600/Explorer+View.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: Georgia, "Times New Roman", serif;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS6AOOuYsmXyG3946n5K-kR1LNe3QRsd8mLICT6QuwxFcvyRfkVOls5rAuatF4cxCrE58Zf7dG4VOjSu_R66JV4BUx6ZO-IETMmTWpJ9A0qIJ2T7sytaJTN_mHJXVdGh2mckDVfAxdFwQ/s640/Explorer+View.png" width="640" /></span></a></div>
<span style="font-family: Georgia, "Times New Roman", serif; font-size: 12pt;">If you want to sync, click on Sync and it will open the One Drive -> Sign in -> Sync the data.</span><br />
<span style="font-size: 12pt;"><br /></span><span style="font-family: "arial" , "helvetica" , sans-serif;"><span style="font-family: Georgia, "Times New Roman", serif;"><span style="font-size: 12pt; line-height: 17.12px;">Hope this helps you!</span><br /><span style="font-size: 12pt; line-height: 17.12px;">Please share your valuable comments which will help me write more and share this post using the social buttons below.</span></span></span></div>
</div>
</div>
</div>
<div class="MsoNormal" style="text-align: left;">
<div class="MsoNormal">
<o:p></o:p><br /></div>
</div>
</div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com0tag:blogger.com,1999:blog-1560434051338786930.post-41582975580040039772016-12-13T02:30:00.000+05:302016-12-13T02:30:07.172+05:30Character Limit using JQuery in SharePoint<div dir="ltr" style="text-align: left;" trbidi="on">
In this post, we will learn how to implement Character Count (here in this example, maximum allowed 2000 characters) using JQuery in SharePoint.<br />
<br />
<b>Prerequisite:</b><br />
1. Create a SharePoint List with a column named "Comments" - data type Multi line text with plain text as the option selected<br />
2. <a href="https://www.microsoft.com/en-us/download/details.aspx?id=35491" target="_blank">SharePoint Designer 2013</a> for editing the SharePoint list with span and to identify the ID of the field created<br />
<br />
<b>Solution:</b><br />
1. Open the SP site in SharePoint designer, navigate to the list -> Create a custom new form -> Edit it.<br />
To know how to create a custom new form in SharePoint Designer, read this <a href="http://sharepoint-works.blogspot.fr/2016/10/get-current-logged-in-user-manager.html" target="_blank">article</a>.<br />
2. Below is the HTML code for my "Comments field in SharePoint Designer:
<br />
<!-- HTML generated using hilite.me --><br />
<div style="background: #ffffff; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12</pre>
</td><td><pre style="line-height: 125%; margin: 0;"><span style="color: navy;"><tr></span>
<span style="color: navy;"><td</span> <span style="color: teal;">width=</span><span style="color: #bb8844;">"190px"</span> <span style="color: teal;">valign=</span><span style="color: #bb8844;">"top"</span> <span style="color: teal;">class=</span><span style="color: #bb8844;">"ms-formlabel"</span><span style="color: navy;">></span>
<span style="color: navy;"><H3</span> <span style="color: teal;">class=</span><span style="color: #bb8844;">"ms-standardheader"</span><span style="color: navy;">></span>
<span style="color: navy;"><nobr></span>Enter your comment:<span style="color: navy;"></nobr></span>
<span style="color: navy;"></H3></span>
<span style="color: navy;"></td></span>
<span style="color: navy;"><td</span> <span style="color: teal;">valign=</span><span style="color: #bb8844;">"top"</span> <span style="color: teal;">class=</span><span style="color: #bb8844;">"ms-formbody"</span> <span style="color: teal;">style=</span><span style="color: #bb8844;">"background-color:#ffffff; width:400px;"</span><span style="color: navy;">></span>
<span style="color: navy;"><SharePoint:FormField</span> <span style="color: teal;">runat=</span><span style="color: #bb8844;">"server"</span> <span style="color: teal;">id=</span><span style="color: #bb8844;">"ff6{$Pos}"</span> <span style="color: teal;">ControlMode=</span><span style="color: #bb8844;">"New"</span> <span style="color: teal;">FieldName=</span><span style="color: #bb8844;">"Comments"</span> <span style="color: teal;">__designer:bind=</span><span style="color: #bb8844;">"{ddwrt:DataBind('i',concat('ff6',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Comments')}"</span> <span style="color: navy;">/></span>
<span style="color: navy;"><SharePoint:FieldDescription</span> <span style="color: teal;">runat=</span><span style="color: #bb8844;">"server"</span> <span style="color: teal;">id=</span><span style="color: #bb8844;">"ff6description{$Pos}"</span> <span style="color: teal;">FieldName=</span><span style="color: #bb8844;">"Comments"</span> <span style="color: teal;">ControlMode=</span><span style="color: #bb8844;">"New"</span> <span style="color: navy;">/></span>
<span style="color: navy;"><span</span> <span style="color: teal;">title=</span><span style="color: #bb8844;">"2000"</span> <span style="color: teal;">id=</span><span style="color: #bb8844;">"commentsCount"</span><span style="color: navy;">></span>2000<span style="color: navy;"></span><span></span> Characters Left<span style="color: navy;"></span></span>
<span style="color: navy;"></td></span>
<span style="color: navy;"></tr></span>
</pre>
</td></tr>
</tbody></table>
</div>
<div class="separator" style="clear: both; text-align: left;">
Make a note that I have added a Span tag below the SharePoint control to display the Characters. Also, we have declared it as 2000 characters for this example.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyx_Pzr75m1OfLfwuArs5B1kQvoHoDqrAVdOqcrkpiBFTvIXTT1IolelSZMEwANdJC3tZ6k1jNYNNDsc4tkqva8J0gNAD40H7nsvSVqwF4eVaTPdUPIiAoLasRq_n3dD_hHoprdTfSdpU/s1600/Charater+Count.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyx_Pzr75m1OfLfwuArs5B1kQvoHoDqrAVdOqcrkpiBFTvIXTT1IolelSZMEwANdJC3tZ6k1jNYNNDsc4tkqva8J0gNAD40H7nsvSVqwF4eVaTPdUPIiAoLasRq_n3dD_hHoprdTfSdpU/s640/Charater+Count.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Now, add a script tag or a separate file (then refer it inline) -> add the below code in it save it:</div>
<!-- HTML generated using hilite.me --><br />
<div style="background: #f8f8f8; border-width: 0.1em 0.1em 0.1em 0.8em; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17</pre>
</td><td><pre style="line-height: 125%; margin: 0;">$(<span style="color: green;">document</span>).ready(<span style="color: green; font-weight: bold;">function</span>() {
<span style="color: #408080; font-style: italic;">//Character count for comments text</span>
$(<span style="color: #ba2121;">"textarea[name*='ff6']"</span>).keyup(<span style="color: green; font-weight: bold;">function</span> () {
characterCount(<span style="color: #ba2121;">'ff6'</span>, <span style="color: #ba2121;">'#commentsCount'</span>);
});
});
<span style="color: #408080; font-style: italic;">//Character count for multiline text </span>
<span style="color: green; font-weight: bold;">function</span> characterCount(controlID,spanId)
{
<span style="color: green; font-weight: bold;">var</span> controlVal <span style="color: #666666;">=</span> $(<span style="color: #ba2121;">"textarea[name*='"</span> <span style="color: #666666;">+</span> controlID <span style="color: #666666;">+</span> <span style="color: #ba2121;">"']"</span>);
<span style="color: green; font-weight: bold;">var</span> cmax <span style="color: #666666;">=</span> $(spanId).attr(<span style="color: #ba2121;">"title"</span>);
<span style="color: green; font-weight: bold;">if</span>(controlVal.val().length <span style="color: #666666;">>=</span> cmax) {
controlVal.val(controlVal.val().substr(<span style="color: #666666;">0</span>, cmax));
}
$(spanId).text(cmax <span style="color: #666666;">-</span> controlVal.val().length);
}
</pre>
</td></tr>
</tbody></table>
</div>
<div class="separator" style="clear: both; text-align: left;">
In this above JS, "ff6" is the ID of the SharePoint control.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC0vTfsYugPdJ0A1noWQb5s2NZdPc7SaiZ71d1gztuTmlVBd1Jj9gI6KUsy0DTni7drUVPbG6IbQE-v3wCYjs5_EhWgxuErykMKbHsvoqreWv5skfcMEnmfhi5vswW6GqFOaycWNOdzHk/s1600/Charater+Count+Test.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="96" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC0vTfsYugPdJ0A1noWQb5s2NZdPc7SaiZ71d1gztuTmlVBd1Jj9gI6KUsy0DTni7drUVPbG6IbQE-v3wCYjs5_EhWgxuErykMKbHsvoqreWv5skfcMEnmfhi5vswW6GqFOaycWNOdzHk/s640/Charater+Count+Test.png" width="640" /></a></div>
Save the form and JS, try typing inside the control you can see the characters been automatically counted and decreases as you type. Cool Isn't it? 😉<br />
Please share this post by clicking the below social buttons if this helps you😎<br />
Happy coding! </div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com2tag:blogger.com,1999:blog-1560434051338786930.post-84128631276676605942016-10-17T10:30:00.000+05:302017-08-11T21:31:28.256+05:30Accessing Radio Buttons using JQuery in SharePoint Online<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">I couldn't find anything obvious for accessing <b>SharePoint Radio Buttons </b>so chucked this together, hopefully useful for someone else :)</span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">Note: The below code/solution is applicable to accessing radio button in a custom SharePoint List forms. To </span><span style="font-family: inherit;">know how to create a custom form in SharePoint Online, read this article </span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">"<a href="http://sharepoint-works.blogspot.com/2016/10/get-current-logged-in-user-manager.html" target="_blank">Get Current Logged in User & Manager using REST API in SharePoint Online</a>". </span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">Accessing Radio Button control in SharePoint is little tricky than accessing the radio buttons in HTML. The </span><span style="font-family: inherit;">reason being, radio buttons are rendered as a table instead of a single control as shown below (radio button </span><span style="font-family: inherit;">and it's preview in developer tools - Chrome):</span></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpc5MBb0YzvfIredO_MxHr3DlSkzMSV-r37mDBEc4wa7YTCKteYA6quCzTu2p8U14UBXoEQzVGjAhB2AhGdVOoyxPqQZyUAolB_iVp0fh6wtRK16FKYjKmtdTAeEGx91hyphenhyphendSEKCqXtrWE/s1600/Radio+Button+in+SharePoint+Online.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpc5MBb0YzvfIredO_MxHr3DlSkzMSV-r37mDBEc4wa7YTCKteYA6quCzTu2p8U14UBXoEQzVGjAhB2AhGdVOoyxPqQZyUAolB_iVp0fh6wtRK16FKYjKmtdTAeEGx91hyphenhyphendSEKCqXtrWE/s640/Radio+Button+in+SharePoint+Online.png" width="640" /></a></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">So, each radio button is rendered inside SPAN tag in a table. To access the normal SharePoint controls, we will </span><span style="font-family: inherit;">use either ID or title property but for Radio Buttons it is little </span>complicated<span style="font-family: inherit;">.</span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">1. The actual radio button control is in "<b>input</b>" tag </span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">2. The values (Example here: Yes, No) are inside "<b>label</b>" tag </span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">3. But each control (Yes & No) are represented by ID which is generated by SharePoint </span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;">4. If you keenly look at the ID, there is "<b>ff41</b>" which is the ID of the control generated randomly by SharePoint.</span></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">Now, open the designer, add an ID to the TD of the Radio button so that we can query it easily using JSOM as </span><span style="font-family: inherit;">shown below:</span></div>
<div class="separator" dir="ltr" style="clear: both; text-align: center;" trbidi="on">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1bQyuHuztA77X9zFDtRzT1ninqGLGGQSPPzbg2LSwsmsTpMmTSwPyjBLWS0_ZAQ4LNkSMICD1pFbJTb0EvctT8Q_leIc90lTx_FWImfLBKO3Fogahyphenhyphen6nDUM6d8A6ESrQoYL9QRfDqYg/s1600/Radio+Button+Field+in+SPD.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1bQyuHuztA77X9zFDtRzT1ninqGLGGQSPPzbg2LSwsmsTpMmTSwPyjBLWS0_ZAQ4LNkSMICD1pFbJTb0EvctT8Q_leIc90lTx_FWImfLBKO3Fogahyphenhyphen6nDUM6d8A6ESrQoYL9QRfDqYg/s640/Radio+Button+Field+in+SPD.png" width="640" /></a></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0px;">1
2
3
4</pre>
</td><td><pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Radio button change event</span>
$(<span style="color: #a31515;">"td[id='tdApproved'] input:radio[name*='ff4']"</span>).change(<span style="color: blue;">function</span>(){
<span style="color: green;">// do something</span>
});
</pre>
</td></tr>
</tbody></table>
</div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0px;">1
2
3</pre>
</td><td><pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Clear the values of radio button - reset the values of radio button</span>
$(<span style="color: #a31515;">"td[id='tdApproved'] input[name*='ff4']"</span>)[0].checked = <span style="color: blue;">false</span>;
$(<span style="color: #a31515;">"td[id='tdApproved'] input[name*='ff4']"</span>)[1].checked = <span style="color: blue;">false</span>;
</pre>
</td></tr>
</tbody></table>
</div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0px;">1
2
3
4</pre>
</td><td><pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Checking the value of radio button</span>
<span style="color: blue;">if</span>($(<span style="color: #a31515;">"td[id='tdApproved'] input:radio[name*='ff4']:checked + label"</span>).text() != <span style="color: #a31515;">'Yes'</span>){
<span style="color: green;">// do something</span>
}
</pre>
</td></tr>
</tbody></table>
</div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0px;">1
2</pre>
</td><td><pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Focus Radio button 1st element in control</span>
$(<span style="color: #a31515;">"td[id='tdApproved'] input:radio[name*='ff4']:eq(0)"</span>).focus();
</pre>
</td></tr>
</tbody></table>
</div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0px;">1
2
3
4
5
6
7
8
9</pre>
</td><td><pre style="line-height: 125%; margin: 0px;"><span style="color: green;">//Align all Radio Buttons in the page horizontally</span>
<span style="color: blue;">function</span> HorizontalAlignChoices() {
<span style="color: blue;">var</span> objSpans = $(<span style="color: #a31515;">".ms-RadioText"</span>);
objSpans.each(<span style="color: blue;">function</span> () {
<span style="color: blue;">if</span> ($(<span style="color: blue;">this</span>).is(<span style="color: #a31515;">"span"</span>)) {
$(<span style="color: blue;">this</span>).closest(<span style="color: #a31515;">"tr"</span>).css({ <span style="color: #a31515;">"float"</span>: <span style="color: #a31515;">"left"</span> });
}
});
}
</pre>
</td></tr>
</tbody></table>
</div>
</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<br /></div>
<div dir="ltr" style="text-align: left;" trbidi="on">
*** "<b>tdApproved</b>" is the ID of the SharePoint Radio Button Control, "<b>ff4</b>" is the unique ID of the SharePoint Control in your List form. Change this ID according to your form to get the exact result.</div>
<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #222222; font-family: inherit;">Please share your valuable comments which will make me write more and also share this post using the below social buttons to others. </span></div>
<div dir="ltr" style="background-color: white; color: #222222; text-align: left;" trbidi="on">
<span style="font-family: inherit;">Happy Share(ing)Point!</span><span style="font-family: inherit;"> </span><span style="font-family: inherit; font-size: 15.4px;"> </span></div>
<div dir="ltr" style="background-color: white; color: #222222; text-align: left;" trbidi="on">
<strong><span style="color: #38761d; font-family: inherit;"><br /></span></strong></div>
<div dir="ltr" style="background-color: white; color: #222222; text-align: left;" trbidi="on">
<strong><span style="color: #38761d; font-family: inherit;">Update: 21/06/2017</span></strong></div>
<div dir="ltr" style="background-color: white; color: #222222; text-align: left;" trbidi="on">
<span style="color: black;">Read this article, to know <a href="http://sharepoint-works.blogspot.com/2017/06/accessing-checkbox-in-sharepoint-using.html" target="_blank">how to access Checkbox in SharePoint using JQuery</a> 😎</span></div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com19tag:blogger.com,1999:blog-1560434051338786930.post-75952976473592771292016-10-13T06:56:00.001+05:302017-08-11T21:31:13.404+05:30Get Current Logged in User & Manager using REST API in SharePoint Online<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit;"><b>Scenario:</b></span><span style="font-family: inherit;"> </span></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">Environment: SharePoint Online </span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit;">Approach: </span><span style="font-family: inherit;">Populating Current logged in user in People Picker. Also populating user's Manager automatically </span>using REST API<span style="font-family: inherit;"> and SP Services.</span></span></div>
<div style="text-align: left;">
<b style="font-family: inherit;"><span style="font-family: "georgia" , "times new roman" , serif;">Solution:</span></b></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">1. Create an SharePoint custom list "Learning" (in my case).</span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">2. Create two columns with the following names and data types shown below:</span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;"><b> Internal Name<span class="Apple-tab-span" style="white-space: pre;"> </span> Title<span class="Apple-tab-span" style="white-space: pre;"> </span> Type</b></span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">CurrentLoggedinUser<span class="Apple-tab-span" style="white-space: pre;"> </span> Current Logged in User<span class="Apple-tab-span" style="white-space: pre;"> </span>Person or Group (People Only)</span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">Manager<span class="Apple-tab-span" style="white-space: pre;"> </span> Manager<span class="Apple-tab-span" style="white-space: pre;"> </span>Person or Group (People Only</span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">3. When you try adding a new item in the list, it should look like:</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKTF89ca7I1wEZfDgasl0ZBm0w5U0qad5pzRbTT2B2bg7q2ITe1C5BJXmiXeFxDireIghkY5Hk7eu3wGvY6PEZ8sDz3BFM1SomJF90enCDj_Tz8PG7g-jgJ87BsJOfi4fJIDNafQarAU/s1600/New+Item.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKTF89ca7I1wEZfDgasl0ZBm0w5U0qad5pzRbTT2B2bg7q2ITe1C5BJXmiXeFxDireIghkY5Hk7eu3wGvY6PEZ8sDz3BFM1SomJF90enCDj_Tz8PG7g-jgJ87BsJOfi4fJIDNafQarAU/s640/New+Item.PNG" width="640" /></span></a></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit;">Here the two people pickers are SP 2013 people </span>picker<span style="font-family: inherit;"> type where it will show the matching users while typing few words automatically.</span></span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit;">4. Now open the list in SharePoint Designer, Create a New Custom Form and </span>make<span style="font-family: inherit;"> it as default as shown below in the screenshots:</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5vPCPd4nCI1nPU5ucrHTkbxfi18uIHE97yAXBCee4PB0AcWl7TYS-ILDrIFXxdlPvCvNrVCghS2Lz-kaR0191EPLjy3CYfWtUD-ShH6DV-tj4j6lQujR6-U0mPbQiUzwZBSnccLMs3mQ/s1600/Custom+New+Form.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5vPCPd4nCI1nPU5ucrHTkbxfi18uIHE97yAXBCee4PB0AcWl7TYS-ILDrIFXxdlPvCvNrVCghS2Lz-kaR0191EPLjy3CYfWtUD-ShH6DV-tj4j6lQujR6-U0mPbQiUzwZBSnccLMs3mQ/s400/Custom+New+Form.PNG" width="400" /></span></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxKTQTiQjuRU61wmaIZoyxJ8D1vjVjnL1oP2pG-hgY61yNKJEAX7mo67u0nO_buVsIUeHZx0Bv5nZxcmpAH9hva-A096JeIvwMAmFDW9vYtBM9fN9glIbK1vYsumjXtckNGsJ-_kxOCDA/s1600/Custom+New+Form+Set+as+Default.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxKTQTiQjuRU61wmaIZoyxJ8D1vjVjnL1oP2pG-hgY61yNKJEAX7mo67u0nO_buVsIUeHZx0Bv5nZxcmpAH9hva-A096JeIvwMAmFDW9vYtBM9fN9glIbK1vYsumjXtckNGsJ-_kxOCDA/s400/Custom+New+Form+Set+as+Default.png" width="400" /></span></a></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;">Open the new custom form in Advanced Mode, where you can edit the List Form. Try viewing the page by clicking F5 or Preview in Browser icon in top left corner in the designer.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGdBI7bywrjrBIzyMaZUqUIH3ywe5WaT-GZCJwTnY1AhGTYNQsf-t0Mm2EzslhcOHtCU-btAhD_d4-Y5e_C2CuHDphItto2wsvNRIY4OBCh9LDTz9RV8WL2s9Id32jbuBR1JCJkVaWaw/s1600/Difference+in+People+Picker.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGdBI7bywrjrBIzyMaZUqUIH3ywe5WaT-GZCJwTnY1AhGTYNQsf-t0Mm2EzslhcOHtCU-btAhD_d4-Y5e_C2CuHDphItto2wsvNRIY4OBCh9LDTz9RV8WL2s9Id32jbuBR1JCJkVaWaw/s640/Difference+in+People+Picker.PNG" width="640" /></span></a></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="font-family: "georgia" , "times new roman" , serif;">5. You can see the difference in People Picker. When you create a custom list form, the default forms are automatically changed to SharePoint old type. (for more details read this </span><a href="http://sympmarc.com/?s=People+Picker+" target="_blank"><span style="font-family: "georgia" , "times new roman" , serif;">blog</span></a><span style="font-family: "georgia" , "times new roman" , serif;">).</span></span></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit;">6. </span><span style="font-family: inherit;">Now add the ID for both fields as shown below. Also, add the reference the JQuery in the form </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgucWXZCFsYR1WlXKsCGD754UT93dGOV4cULT-_iVB5LqfzIa5eSI608mF_lA6yDL66Xyv0TXsEw5f0ANkfp2_sdpFvCTpa5VKY0vmaG11lFYpJumkxiGSr_qhWPPEWr_vvWCq-i4yzIps/s1600/JS+Reference.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="49" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgucWXZCFsYR1WlXKsCGD754UT93dGOV4cULT-_iVB5LqfzIa5eSI608mF_lA6yDL66Xyv0TXsEw5f0ANkfp2_sdpFvCTpa5VKY0vmaG11lFYpJumkxiGSr_qhWPPEWr_vvWCq-i4yzIps/s640/JS+Reference.PNG" width="640" /></span></a></div>
<div style="text-align: left;">
<span style="font-family: "georgia" , "times new roman" , serif;"><span style="font-family: inherit;">7. Now add the ID's for the two people picker values so that it will be useful for querying the SharePoint </span>controls as shown below<span style="font-family: inherit;">. </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_e6xTB3qU1x0Ex_iXOMpdhatP9iMssbwCGWywMYRNaqGyaWuLdf026w8NGki4iGTEhv08lcvrUwEdMKRFMV0kf0sneSXgckjbhHvsOETP2rWFicbcttrYs4HAnRZa5M9Kkxtx8PCrpuo/s1600/Add+IDs+to+the+people+picker.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_e6xTB3qU1x0Ex_iXOMpdhatP9iMssbwCGWywMYRNaqGyaWuLdf026w8NGki4iGTEhv08lcvrUwEdMKRFMV0kf0sneSXgckjbhHvsOETP2rWFicbcttrYs4HAnRZa5M9Kkxtx8PCrpuo/s640/Add+IDs+to+the+people+picker.png" width="640" /></span></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"> 8. Add a JS file ("Learning.js") in the Site Assets Library and refer it in the new form. Add the below code in the newly created "Learning.js" file.</span><br />
<div style="background: rgb(255, 255, 255); border-image: none; border: solid gray; overflow: auto; padding: 0.2em 0.6em; width: auto;">
<span style="font-family: "georgia" , "times new roman" , serif;">
</span><span style="font-family: "georgia" , "times new roman" , serif;">
</span><br />
<table><tbody>
<tr><td><pre style="line-height: 125%; margin: 0px;"><span style="font-family: "georgia" , "times new roman" , serif;"> 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47</span></pre>
</td><td><pre style="line-height: 125%; margin: 0px;"><span style="font-family: "georgia" , "times new roman" , serif;">$(document).ready(<span style="color: blue;">function</span>() {
<span style="color: blue;">var</span> userAccountName= $().SPServices.SPGetCurrentUser();
<span style="color: green;">//Set current logged in user and manager name in people picker</span>
LoadPeoplePickerDetails();
<span style="color: green;">//Show the form fields on document.ready()</span>
$(<span style="color: #a31515;">"#onetIDListForm"</span>).show();
});
<span style="color: green;">/****************** All function defintions starts here********************************/</span>
<span style="color: green;">//Function to set people picker values</span>
<span style="color: blue;">function</span> LoadPeoplePickerDetails()
{
<span style="color: blue;">var</span> url=_spPageContextInfo.webAbsoluteUrl + <span style="color: #a31515;">"/_api/SP.UserProfiles.PeopleManager/GetMyProperties"</span>
getReqData(url,<span style="color: blue;">function</span>(data){
<span style="color: blue;">try</span>
{
<span style="color: green;">//Get properties from user profile Json response </span>
<span style="color: blue;">var</span> userDisplayName = data.d.DisplayName;
<span style="color: blue;">var</span> AccountName = data.d.AccountName;
$(<span style="color: #a31515;">"#tdCurrentUser [id$='upLevelDiv']"</span>).html(AccountName);
$(<span style="color: #a31515;">"#tdCurrentUser [id$='checkNames']"</span>).click();
<span style="color: blue;">var</span> Manager = data.d.ExtendedManagers.results;
$(<span style="color: #a31515;">"#tdManager [id$='upLevelDiv']"</span>).html(Manager[Manager.length-1]);
$(<span style="color: #a31515;">"#tdManager [id$='checkNames']"</span>).click();
}
<span style="color: blue;">catch</span>(err){
}
},
<span style="color: blue;">function</span>(data){
<span style="color: green;">//alert("some error occured in getting current User info");</span>
});
}
<span style="color: blue;">function</span> getReqData(reqUrl,success, failure) {
$.ajax({
url: reqUrl,
method: <span style="color: #a31515;">"GET"</span>,
headers: { <span style="color: #a31515;">"Accept"</span>: <span style="color: #a31515;">"application/json; odata=verbose"</span> },
success: <span style="color: blue;">function</span> (data) {
success(data);
},
error: <span style="color: blue;">function</span> (data) {
failure(data);
}
});
}
</span></pre>
</td></tr>
</tbody></table>
</div>
<span style="font-family: "georgia" , "times new roman" , serif;">9. Save the JS and the custom new form as well.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">10. Now, try adding a new item. The current logged in user and the current logged in user's manager name will be automatically set in the people picker as shown below.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpYFy4nrDFWqEw2Ano6bhDrlJwNLl3eGOlKQ0CfGgVdrnGPSWcxX7gqydSnU8CWM17V99Mp79lAQx37uhVm-m6Zs2IZEn2gcIpdnsm5Ql5TRAjYeYuf_gF7hulnPqJJIBEljHINue1dQ/s1600/Result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnpYFy4nrDFWqEw2Ano6bhDrlJwNLl3eGOlKQ0CfGgVdrnGPSWcxX7gqydSnU8CWM17V99Mp79lAQx37uhVm-m6Zs2IZEn2gcIpdnsm5Ql5TRAjYeYuf_gF7hulnPqJJIBEljHINue1dQ/s640/Result.png" width="640" /></span></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0fBEPiGRKtN5ne9WgsxdkUKMSKNG6M-SUaOFSl-rrIEccwPyEMxq3QMJRtOBZp6NpWBZYcHV3OEePvR9Tgm18Nhp3MGQEPRk51kIZIO0phDr4aN6rixvvu0niICKt2Esg2bGmFA-bsEY/s1600/List+Item.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "georgia" , "times new roman" , serif;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0fBEPiGRKtN5ne9WgsxdkUKMSKNG6M-SUaOFSl-rrIEccwPyEMxq3QMJRtOBZp6NpWBZYcHV3OEePvR9Tgm18Nhp3MGQEPRk51kIZIO0phDr4aN6rixvvu0niICKt2Esg2bGmFA-bsEY/s640/List+Item.png" width="640" /></span></a></div>
<span style="font-family: "georgia" , "times new roman" , serif;">11. It is basically, on document.ready(), REST API call is made and it populates the data on the form load.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<span style="color: red;"><span style="font-family: "georgia" , "times new roman" , serif;">Note:<b> </b></span></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">1. The people picker for Manager field is loaded after getting the value from current logged in user field. Hence if you have to change the user, the manager value is set during document.ready(). If you want to change the user and set the manager field, then write a method for setting value of manger and call it on value set in first people picker</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">2. I have implemented only in Custom New Form only.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">For ease of use, I have shared the js and the List Template. Please use this </span><a href="https://www.dropbox.com/s/u8hsodc1ntgtop7/Current%20User%20%26%20Manager%20using%20REST%20API%20in%20SP.zip?dl=0" target="_blank"><b><span style="font-family: "georgia" , "times new roman" , serif;">link </span></b></a><span style="font-family: "georgia" , "times new roman" , serif;">to download.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">In the above tutorial, you have learned how to create a Custom Form in SharePoint Online, make REST API calls and also set the values to the People Picker in the list form.</span><br />
<span style="font-family: "georgia" , "times new roman" , serif;"></span><br />
<span style="font-family: "georgia" , "times new roman" , serif;">Please share your valuable comments which will make me write more and also share this post using the below social buttons to others. Happy Share(ing)Point! </span></div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com4tag:blogger.com,1999:blog-1560434051338786930.post-48255414238763762872016-10-10T20:27:00.000+05:302017-08-11T21:35:22.553+05:30Deploying List Workflow in SharePoint Online<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<span style="font-family: inherit;">Recently, I had a query from one of my readers about migrating the Workflows from development to production and the environment is SharePoint Online.</span></div>
<div>
<b><span style="font-family: inherit;">Scenario:</span></b></div>
<div>
<span style="font-family: inherit;">Suppose that you have created a List Workflow in development site in SP Online and now it is ready to move to Production in SP Online, you can follow the following steps to deploy the workflow. This method is </span><b><i><span style="font-family: inherit;">easy, cheaper since no third party tool (licensing cost) is used for migration/deployment</span></i></b><span style="font-family: inherit;">.</span></div>
<div>
<b><span style="font-family: inherit;">Solution:</span></b></div>
<div>
<span style="font-family: inherit;">1. Take the backup of SP list with or with out content (depending upon the requirement). List backup will be in </span><b><span style="font-family: inherit;">.stp </span></b><span style="font-family: inherit;">format.</span></div>
<div>
<span style="font-family: inherit;">2. Download the List Template from List Templates (Site Settings -> Web Designer Galleries -> List Templates).</span></div>
<div>
<span style="font-family: inherit;">3. Upload the List Template in the PROD site in the same path (<i>Site Settings -> Web Designer Galleries -> List Templates</i>).</span></div>
<div>
<span style="font-family: inherit;">4. Create a new app from "Add an App" and create the list with the same </span><b><span style="font-family: inherit;">Internal Name (impt: the internal name of the list created in the PROD should be the same as DEV environment)</span></b></div>
<div>
<span style="font-family: inherit;">5. Open the DEV site SP designer, point to the List Workflow </span><span style="font-family: inherit;"><span style="font-family: inherit;">-> Click save as template from ribbon (in Manage section) - This will save your WF as web part solution (.</span><b><span style="font-family: inherit;">wsp</span></b><span style="font-family: inherit;">) in the Site Assets Library. </span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKnh4cjNEzViLccs2e8-HkCyPTYVJIaZsjArAOyR7ZMCImKJIf4QqmD-v5FAD43lZLdkB_72rEiTW6VQ7mQ4nRKqcJ9agVY8EERxAJUUf_vjZIqNqQKRtP4_HbVGzE_hvQNjQdji57v9o/s1600/Save+As+Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKnh4cjNEzViLccs2e8-HkCyPTYVJIaZsjArAOyR7ZMCImKJIf4QqmD-v5FAD43lZLdkB_72rEiTW6VQ7mQ4nRKqcJ9agVY8EERxAJUUf_vjZIqNqQKRtP4_HbVGzE_hvQNjQdji57v9o/s400/Save+As+Template.png" width="400" /></span></a></div>
<div>
<span style="font-family: inherit;">6. Download the WSP and upload it to the PROD site solutions: Site Settings -> Web Designer Galleries -> Solutions -> Upload & Activate the solution</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDi_9LWMVR9vXeMCtsX3v81Oc1_9_uaF-4HbdUxcld6x7WKZhhMDnb1NK_PdZJHBB-x1hqRQKIPR5ohoI7CjNb7X4nCXBzSFaoNHCQ0ZvCKi72TBHbi1K8xcPb6-WDHKEjSkYqEU_bx8/s1600/Solutions.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="121" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHDi_9LWMVR9vXeMCtsX3v81Oc1_9_uaF-4HbdUxcld6x7WKZhhMDnb1NK_PdZJHBB-x1hqRQKIPR5ohoI7CjNb7X4nCXBzSFaoNHCQ0ZvCKi72TBHbi1K8xcPb6-WDHKEjSkYqEU_bx8/s640/Solutions.png" width="640" /></span></a></div>
<div>
<span style="font-family: inherit;">7. Now navigate to the Site Settings -> Site Actions -> Manage Site Features -> Activate the workflow (it should be in the name Workflow Template "name of the workflow" from web template "name of the site")</span></div>
<div>
<i><b><span style="font-family: inherit;">Note</span></b><span style="font-family: inherit;">: If you do not the create the list with the same internal name in the PROD, you will get an error while activating the feature.</span></i></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2V9xq79LEIzojhiGmBdrN54HJvVWnSp3lRFVVcNSN3At8RflpBv37fp1ixWhQuG8xKJ48iuA3d2qGAsGF2SszGp8fYq2maOmlHHO5HQm8vItfgQnH2X_lT-crW8k0akKplBeyn3l-VqM/s1600/Feature+Activated.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: inherit;"><img border="0" height="18" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2V9xq79LEIzojhiGmBdrN54HJvVWnSp3lRFVVcNSN3At8RflpBv37fp1ixWhQuG8xKJ48iuA3d2qGAsGF2SszGp8fYq2maOmlHHO5HQm8vItfgQnH2X_lT-crW8k0akKplBeyn3l-VqM/s640/Feature+Activated.png" width="640" /></span></a></div>
<div>
<span style="font-family: inherit;">8. Now, navigate to the list -> list settings -> workflow settings -> you should see the Workflow associated with the list already. If you face any issues, remove the associated workflow, add it again either from SP designer or from SharePoint UI itself.</span></div>
<div>
<span style="font-family: inherit;">Hope this helps you in deploying the workflow from development site to production site in SharePoint Online.</span></div>
<div>
<span style="font-family: inherit;">If this useful to you, share this post using the buttons below / share your comments which will make me write more! 😊</span></div>
</div>
Maruduhttp://www.blogger.com/profile/16336211280662971459noreply@blogger.com0