SharePoint 2013 Hosting :: How to Configure existing URL located in the Top Navigation Bar?

Jun 7th

Posted by Peter in European SharePoint 2013 Hosting

In this tutorial, I will explain you how to to Configure existing URL located in the Top Navigation Bar as the referenced site URL has changed in SharePoint 2013.

The top link bar helps users of your site navigate to alternative sites within the site collection by displaying a row of tabs at the top of pages in the site. the top link bar is additionally referred to as global navigation, as a result of it can be the same across all of the web sites in a site collection. However, subsites can be configured to not show in the top link bar of the parent site. the options offered to you for configuring your top link bar will vary depending on whether or not the publishing features are enabled for your site collection.

I want to change this hyperlink to all sites inside the Web App: more than 1800 Site Collection. And I use the following code:

$Webs = Get-SPSite -WebApplication "http://SharePoint.Contoso.com"  -limit ALL | Get-SPWeb -limit all

Foreach($Web in $Webs)
{
$TN = $Web.Navigation.TopNavigationBar | Where-Object {$_.Title -eq "Landing Page & Wiki"}
if ($TN.url -like "http://hostforlife.eu*")
{
   write-host "Updating $($Web.url)"
  “Updating $($Web.url), $($TN.Url)” | out-file D:\temp\LandingPageUpdate.csv   -append
    $TN.Url = "http://NewSharePoint.Contoso.com/Pages/LandingPageWikiDefault.aspx"
    $TN.update()
}
}
#----------------------------------------------------------------------

1

2

3

4

5

6

7

8

9

10

11

12

13

14

$Webs = Get-SPSite -WebApplication "http://SharePoint.Contoso.com" -limit ALL | Get-SPWeb -limit all

Foreach($Web in $Webs)

{

$TN = $Web.Navigation.TopNavigationBar | Where-Object {$_.Title -eq "Landing Page & Wiki"}

if ($TN.url -like "http://hostforlife.eu*")

{

write-host "Updating $($Web.url)"

“Updating $($Web.url), $($TN.Url)” | out-file D:\temp\LandingPageUpdate.csv -append

$TN.Url = "http://NewSharePoint.Contoso.com/Pages/LandingPageWikiDefault.aspx"

$TN.update()

}

#----------------------------------------------------------------------

Also, in parallel, I had to modify the template used to create the new sites into this Web App. Doing this will avoid having to run this script periodically to correct the changes.

SharePoint 2013 Hosting Recommendation

HostForLIFE.eu’s SharePoint 2013 Hosting solution offers a comprehensive feature set that is easy-to-use for new users, yet powerful enough for the most demanding web developer expert. Hosted SharePoint Foundation 2013 is the premiere web-based collaboration and productivity enhancement tool on the market today. With SharePoint 2013 Foundation, you can quickly access and manage documents and information anytime, anywhere though a Web browser in a secure and user friendly way. SharePoint hosting services start at only at €9.99/mo, allowing you to take advantage of the robust feature set for a small business price. HostForLIFE.eu offers a variety of hosted SharePoint Foundation 2013 plans as well as dedicated SharePoint 2013 Foundation options

SharePoint 2013 Hosting :: How to Configure existing URL located in the Top Navigation Bar?

May 31st

Posted by Peter in European SharePoint 2013 Hosting

No comments

In this tutorial, I will explain you how to to Configure existing URL located in the Top Navigation Bar as the referenced site URL has changed in SharePoint 2013.

The top link bar helps users of your site navigate to alternative sites within the site collection by displaying a row of tabs at the top of pages in the site. the top link bar is additionally referred to as global navigation, as a result of it can be the same across all of the web sites in a site collection. However, subsites can be configured to not show in the top link bar of the parent site. the options offered to you for configuring your top link bar will vary depending on whether or not the publishing features are enabled for your site collection.

I want to change this hyperlink to all sites inside the Web App: more than 1800 Site Collection. And I use the following code:

$Webs = Get-SPSite -WebApplication "http://SharePoint.Contoso.com"  -limit ALL | Get-SPWeb -limit all

Foreach($Web in $Webs)
{
$TN = $Web.Navigation.TopNavigationBar | Where-Object {$_.Title -eq "Landing Page & Wiki"}
if ($TN.url -like "http://hostforlife.eu*")
{
   write-host "Updating $($Web.url)"
  “Updating $($Web.url), $($TN.Url)” | out-file D:\temp\LandingPageUpdate.csv   -append
    $TN.Url = "http://NewSharePoint.Contoso.com/Pages/LandingPageWikiDefault.aspx"
    $TN.update()
}
}
#----------------------------------------------------------------------

1

2

3

4

5

6

7

8

9

10

11

12

13

14

$Webs = Get-SPSite -WebApplication "http://SharePoint.Contoso.com" -limit ALL | Get-SPWeb -limit all

Foreach($Web in $Webs)

{

$TN = $Web.Navigation.TopNavigationBar | Where-Object {$_.Title -eq "Landing Page & Wiki"}

if ($TN.url -like "http://hostforlife.eu*")

{

write-host "Updating $($Web.url)"

“Updating $($Web.url), $($TN.Url)” | out-file D:\temp\LandingPageUpdate.csv -append

$TN.Url = "http://NewSharePoint.Contoso.com/Pages/LandingPageWikiDefault.aspx"

$TN.update()

}

#----------------------------------------------------------------------

Also, in parallel, I had to modify the template used to create the new sites into this Web App. Doing this will avoid having to run this script periodically to correct the changes.

SharePoint 2013 Hosting Recommendation

HostForLIFE.eu’s SharePoint 2013 Hosting solution offers a comprehensive feature set that is easy-to-use for new users, yet powerful enough for the most demanding web developer expert. Hosted SharePoint Foundation 2013 is the premiere web-based collaboration and productivity enhancement tool on the market today. With SharePoint 2013 Foundation, you can quickly access and manage documents and information anytime, anywhere though a Web browser in a secure and user friendly way. SharePoint hosting services start at only at €9.99/mo, allowing you to take advantage of the robust feature set for a small business price. HostForLIFE.eu offers a variety of hosted SharePoint Foundation 2013 plans as well as dedicated SharePoint 2013 Foundation options

SharePoint 2013 Hosting – HostForLIFE.eu :: Custom Action Menu In SharePoint ListItem

May 24th

Posted by Peter in European SharePoint 2013 Hosting

No comments

ECB Menu For SharePoint or Custom action menu is available for user access at different locations in SharePoint. It can be an icon/text, which can be used to implement functionality such as navigating to a landing page, starting a Workflow on an item or any custom action inside SharePoint.

By default SharePoint provides the default custom action like edit, delete and view item options.

Here we will be adding new ECB Menu as “Custom Edit Page” as shown in the below image.

On click of the Cusom Edit Link, it will be redirected to my custom edit page which I have created under list form.

Also, I am passing the ID of current list item as well as Source page URL from where it will be redirected back after performing action on redirected edit page.

Implementaion

It can be implemented with any list/library, however I have implemented it on list.

You can use any ScriptEditor/CEWP on your page and put all below scripts as is by just changing the list name and URL.

Full Script

<script language="javascript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>  
<script language="javascript" type="text/javascript">  
    $(document).ready(function() {  
        SP.SOD.executeFunc('sp.js', 'SP.ClientContext', AddCustomUserActionToECB);  
    });  
  
    function AddCustomUserActionToECB() {  
        var clientContext = new SP.ClientContext();  
        var oWeb = clientContext.get_web();  
        var oList = oWeb.get_lists().getByTitle('ComplainTracking');  
        var userCustomActionColl = oList.get_userCustomActions();  
        clientContext.load(oList, 'UserCustomActions', 'Title');  
        clientContext.executeQueryAsync(function() {  
            var customActionEnumerator = userCustomActionColl.getEnumerator();  
            var foundAction = 0;  
            while (customActionEnumerator.moveNext()) {  
                var oUserCustomAction = customActionEnumerator.get_current();  
                if (oUserCustomAction.get_title() == 'Custom Edit Page') {  
                    //oUserCustomAction.deleteObject();   
                    //clientContext.load(oUserCustomAction);  
                    //clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceededdelete), Function.createDelegate(this, this.onQueryFailed));  
                    foundAction = 1;  
                    break;  
                }  
            }  
            if (foundAction == 0) {  
                var oUserCustomAction = userCustomActionColl.add();  
                oUserCustomAction.set_location('EditControlBlock');  
                oUserCustomAction.set_sequence(100);  
                oUserCustomAction.set_title("Custom Edit Page");  
                //oUserCustomAction.set_url("/sites/QA/SL_MI/SitePages/CustomSearch.aspx?ListId={ListId}&ItemId={ItemId}&ItemUrl={ItemUrl}");  
                oUserCustomAction.set_url("/sites/QA/SL_MI/Lists/ComplainTracking/Edit1.aspx?ID={ItemId}&Source=/sites/QA/SL_MI/SitePages/ListViewGrid.aspx");  
                oUserCustomAction.update();  
                clientContext.load(userCustomActionColl);  
                clientContext.executeQueryAsync();  
            }  
        }, function(sender, args) {  
            console.log('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());  
        });  
    }  
</script>

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

$(document).ready(function() {

SP.SOD.executeFunc('sp.js', 'SP.ClientContext', AddCustomUserActionToECB);

});

function AddCustomUserActionToECB() {

var clientContext = new SP.ClientContext();

var oWeb = clientContext.get_web();

var oList = oWeb.get_lists().getByTitle('ComplainTracking');

var userCustomActionColl = oList.get_userCustomActions();

clientContext.load(oList, 'UserCustomActions', 'Title');

clientContext.executeQueryAsync(function() {

var customActionEnumerator = userCustomActionColl.getEnumerator();

var foundAction = 0;

while (customActionEnumerator.moveNext()) {

var oUserCustomAction = customActionEnumerator.get_current();

if (oUserCustomAction.get_title() == 'Custom Edit Page') {

//oUserCustomAction.deleteObject();

//clientContext.load(oUserCustomAction);

//clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceededdelete), Function.createDelegate(this, this.onQueryFailed));

foundAction = 1;

break;

}

if (foundAction == 0) {

var oUserCustomAction = userCustomActionColl.add();

oUserCustomAction.set_location('EditControlBlock');

oUserCustomAction.set_sequence(100);

oUserCustomAction.set_title("Custom Edit Page");

//oUserCustomAction.set_url("/sites/QA/SL_MI/SitePages/CustomSearch.aspx?ListId={ListId}&ItemId={ItemId}&ItemUrl={ItemUrl}");

oUserCustomAction.set_url("/sites/QA/SL_MI/Lists/ComplainTracking/Edit1.aspx?ID={ItemId}&Source=/sites/QA/SL_MI/SitePages/ListViewGrid.aspx");

oUserCustomAction.update();

clientContext.load(userCustomActionColl);

clientContext.executeQueryAsync();

}

}, function(sender, args) {

console.log('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());

});

}

</script>

SharePoint 2013 Hosting – HostForLIFE.eu :: How To Create A Generic List Using SharePoint JSOM?

May 17th

Posted by Peter in European SharePoint 2013 Hosting

No comments

Just copy the code below and paste it in a “content editor” webpart on a web part page.

<script src="//ajax.aspnetcdn.com/ajax/4.0/1/MicrosoftAjax.js" type="text/javascript"></script>  
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>  
<script type="text/javascript" src="/_layouts/15/sp.js"></script> <input id="listName" type="text" name="Listname"></input> <input id="btnCreate" type="button" value="Click me" onclick="createList()">  
<script type="text/javascript">  
    function createList() {  
        var clientContext;  
        var listCreationInfo;  
        var web;  
        var list;  
        var lstname = document.getElementById("listName").value;  
        clientContext = SP.ClientContext.get_current();  
        web = clientContext.get_web();  
        listCreationInfo = new SP.ListCreationInformation();  
        listCreationInfo.set_title(lstname);  
        listCreationInfo.set_templateType(SP.ListTemplateType.genericList);  
        list = web.get_lists().add(listCreationInfo);  
        clientContext.load(list);  
        clientContext.executeQueryAsync(function() {  
            alert("List created successfully!")  
        }, function() {  
            alert("Failed to create list!")  
        });  
    }  
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

function createList() {

var clientContext;

var listCreationInfo;

var web;

var list;

var lstname = document.getElementById("listName").value;

clientContext = SP.ClientContext.get_current();

web = clientContext.get_web();

listCreationInfo = new SP.ListCreationInformation();

listCreationInfo.set_title(lstname);

listCreationInfo.set_templateType(SP.ListTemplateType.genericList);

list = web.get_lists().add(listCreationInfo);

clientContext.load(list);

clientContext.executeQueryAsync(function() {

alert("List created successfully!")

}, function() {

alert("Failed to create list!")

});

}

</script>

It’s the working code. It will work 100% for you. I am using my SharePoint online account in this example. Just name the generic list in the text box you want to create then click on the Click me button as shown below.

A notification message will pop up as shown below.

You will find the newly created lists on the left navigation as shown below. If the list already exists it will give you a message saying that the list already exists.

It is a very basic example. I was looking for the working code but I was unable to find it anywhere, then after struggling with so many errors finally I was able to do that. I decided to post it so new programmers can simply copy paste the code directly and understand it.

SharePoint 2013 Hosting – HostForLIFE.eu :: Create Post List In SharePoint Team site

May 3rd

Posted by Peter in European SharePoint 2013 Hosting

No comments

In this article I would like to share the steps to create post list in SharePoint team site. By default, post list is available in blog template site.

I got a requirement that a customer needs the post list in the SharePoint team site, but post list template is not available in SharePoint team site. There is a solution to create post list in SharePoint team site by activating the feature.

What is blog post list and why do we need post list?

The blog post list is used to share the ideas and information to your organization
Mainly blog post lists use Intranet portals
We can comment the post and like/unlike the posts
It can be created quickly and they often have an informal tone

Here is the code to activate the “Blog content” feature.

Add the below code in content editor webpart or script editor webpart.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
<script type="text/javascript">  
    $(document).ready(function() {  
        SP.SOD.executeFunc('sp.js', 'SP.ClientContext', LoadFeature);  
    });  
  
    function ActivateWebFeature(web) {  
        var guid = new SP.Guid('{0d1c50f7-0309-431c-adfb-b777d5473a65}');  
        var featureFef = web.get_features().add(guid, true, SP.FeatureDefinitionScope.farm);  
    }  
  
    function LoadFeature() {  
        context = new SP.ClientContext("http://test.sharepoint.com");  
        var web = context.get_web();  
        //Activate Features  
        ActivateWebFeature(web);  
        context.load(web);  
        context.executeQueryAsync(function() {  
            console.log("Featured activated for Web: " + web.get_serverRelativeUrl());  
        }, function(sender, args) {  
            console.log('Error: ' + args.get_message() + '\n' + args.get_stackTrace());  
        });  
    }  
</script>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

$(document).ready(function() {

SP.SOD.executeFunc('sp.js', 'SP.ClientContext', LoadFeature);

});

function ActivateWebFeature(web) {

var guid = new SP.Guid('{0d1c50f7-0309-431c-adfb-b777d5473a65}');

var featureFef = web.get_features().add(guid, true, SP.FeatureDefinitionScope.farm);

}

function LoadFeature() {

context = new SP.ClientContext("http://test.sharepoint.com");

var web = context.get_web();

//Activate Features

ActivateWebFeature(web);

context.load(web);

context.executeQueryAsync(function() {

console.log("Featured activated for Web: " + web.get_serverRelativeUrl());

}, function(sender, args) {

console.log('Error: ' + args.get_message() + '\n' + args.get_stackTrace());

});

}

</script>

The list will be created on your team site, those lists are relevant to the blog feature. In this article we have learned how to create a post list in SharePoint team site. Now you can enjoy the blog feature in team sites as well.

SharePoint 2013 Hosting – HostForLIFE.eu :: Analysis Around SharePoint Modern UI

Apr 26th

Posted by Peter in European SharePoint 2013 Hosting

No comments

Based on my analysis, I have found the following considerations related to Modern UI in SharePoint.

Currently, there is no way to migrate existing branding as in the Modern UI.
There is a PnP tool available which will help to scan the current UI and will help to find out if it can be can replaced or not. It will give you a report of customizations which are simply ignored in the “modern” user interface.https://github.com/SharePoint/PnP-Tools/tree/master/Solutions/SharePoint.UIExperience.Scanner
Site Script is the new concept for Modern UI sites and pages where you can apply to a certain limit customization but again as of now Site Script is not evolved much so a lot of features would not be there which will be available over a period of time.
A certain limit of customization like removing the banner, removing quick links etc. you can do in modern pages as well by executing the js from the page and you can match with the branding you have in the classic sites.
The list of features which is not supported with Modern UI is quite big and maybe troubling now for businesses who are considering migration or total replacement.https://support.office.com/en-us/article/differences-between-the-new-and-classic-experiences-for-lists-and-libraries-30e1aab0-a5cc-4363-b7f2-09e2ae07d4dc?ui=en-US&rs=en-US&ad=US

One thing we have to understand as per the current scenario, classic and modern sites & pages both are altogether different, they both can exist on the same site but can’t replace each other completely. A few examples:
- Classic Web part would not work on Modern UI Page
- OOTB Modern Web part would not work on Classic Page
- The custom Modern Web part will work on both kinds of pages.
Microsoft has introduced SPFx client web parts that can be used both in modern pages & classic pages. However, as Anubhav said – Currently OOTB provided SPFx web parts are not available in classic pages.

To customize the modern page – Microsoft has introduced SPFx extensions from SPFx 1.2 version.

Using SPFx extensions we can customize the following,
- Application Customizer – To customize Top (navigation) & Footer of any modern pages
- Command Set – To add custom actions to the List/Document library command bar
- Field Customizer – To format the field in List view

SPFx web parts can be developed using any of the client side frameworks – Angular, Knockout JS, React JS etc.

To analyze the impact on an existing site, we can run the below tool on the site and it will provide the details in an excel formathttps://github.com/SharePoint/PnP-Tools/tree/master/Solutions/SharePoint.UIExperience.Scanner

There are not many OOTB Client web parts available at the moment. But, there are many SPFx client web parts that are developed by others and published on GitHub. Also, there are fantastic 40 SPFx web parts that we can look into.https://github.com/OlivierCC/spfx-40-fantastics

To migrate existing customizations, you can look into the below link,https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/guidance/migrate-jslink-to-spfx-extensions

This SPFx extension can be deployed at the tenant side also. So that for example, if we want to have the custom Navigation across tenant in all modern pages, we can achieve it

Microsoft also introduced site collection level App Catalog that can be useful for hosting the web parts within the site collection without the dependency on the tenant administrator.

European Sharepoint 2013 Hosting Blog

SharePoint 2013 Hosting :: How to Configure existing URL located in the Top Navigation Bar?

SharePoint 2013 Hosting Recommendation

SharePoint 2013 Hosting :: How to Configure existing URL located in the Top Navigation Bar?

SharePoint 2013 Hosting Recommendation

SharePoint 2013 Hosting – HostForLIFE.eu :: Custom Action Menu In SharePoint ListItem

SharePoint 2013 Hosting – HostForLIFE.eu :: How To Create A Generic List Using SharePoint JSOM?

SharePoint 2013 Hosting – HostForLIFE.eu :: Create Post List In SharePoint Team site

SharePoint 2013 Hosting – HostForLIFE.eu :: Analysis Around SharePoint Modern UI

BLOGROLL

Featured On

European Sharepoint 2013 Hosting Blog

SharePoint 2013 Hosting :: How to Configure existing URL located in the Top Navigation Bar?

SharePoint 2013 Hosting Recommendation

SharePoint 2013 Hosting :: How to Configure existing URL located in the Top Navigation Bar?

SharePoint 2013 Hosting Recommendation

SharePoint 2013 Hosting – HostForLIFE.eu :: Custom Action Menu In SharePoint ListItem

SharePoint 2013 Hosting – HostForLIFE.eu :: How To Create A Generic List Using SharePoint JSOM?

SharePoint 2013 Hosting – HostForLIFE.eu :: Create Post List In SharePoint Team site

SharePoint 2013 Hosting – HostForLIFE.eu :: Analysis Around SharePoint Modern UI

BLOGROLL

Featured On

Tags