Saturday, June 6, 2015

Remove Hyperlink from Lookup Columns in SharePoint

When we add lookup column to any SharePoint list, it appears with the link to parent item in SharePoint list views. Quite often, end-user clicks on the lookup link and edits parent lookup item by mistake - People  get confused which link to click. So we wanted to remove hyperlink from lookup columns in SharePoint 2013 list views.

remove lookup hyperlink from sharepoint list view
SharePoint 2013 remove hyperlink from lookup column - No code solution:
Here is how you can remove hyperlink from lookup fields out-of-the-box without any coding and customization efforts.
  • Go to your list settings, Pick the lookup column. In my case its "Parent Project". In "Edit Column" page, Select "Title" field under "Add a column to show each of these additional fields" Section as highlighted below.
    sharepoint remove hyperlink lookup field
  • Now, Edit your list view, Unselect "Parent Project" field and select "Parent Project: Title" field. (You can rename this Title - BTW!)
    remove hyperlink from lookup column
  • Click "OK" to save the view. That's all! This removes the link from hyperlink columns.
    sharepoint 2010 remove hyperlink from lookup
However, in Display form of the list, it still shows link in hyperlink fields, isn't it? Proceed with the below method to remove hyperlink from lookup column. Although lookup field links can be removed using SharePoint designer-XSLT methods, I prefer this jQuery as its relatively simpler.

Using JQuery to remove hyperlink from lookup column:
Lookup columns are pointing something like "http://Site/***&RootFolder=*". So, lets find all Anchor elements of the page with href attributes "&RootFolder=*". and remove remove link of the lookup.

To remove lookup hyperlink from SharePoint list view using jQuery, Follow these steps:
  1. Go to your List view page, E.g.
  2. Click on Site Settings gear, Click on "Edit Page" Menu item
  3. Click on Add a Web Part link shown on the page, Under "Media and Content" choose "Script Editor" and Click on "Add" Button
  4. Click on "Edit Snippet" link on the Script Editor Web part and place the below code in it.
    sharepoint 2013 remove hyperlink from lookup column
    <script type="text/javascript" src=""></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('a[href*="RootFolder=*"]').each(function(index) {
                var link = $(this);
                $(this).after("<span>" + link.text() + "</span>");
  5. Save and Close the page!
To remove Hyperlink from Person or group fields using jQuery, Just replace the Line#4 with:
$('a[href*="userdisp.aspx?ID="]').each(function(index) { 

You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.

Check out these SharePoint products:

No comments :

Post a Comment

Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...