Skip to main content

Create a Hyperlink column in SharePoint Online Custom List

“We would accomplish many more things if we did not think of them as impossible.”

It is possible to create a hyperlink column in SharePoint list but is it possible to create a hyperlink column as a calculated column?

The Answer is "Yesssssssssssssssssss".

Following are the steps to accomplish the same.

1. Create a Calculated Column say URL with the formula to link the list column id to a page. 

For example: ="http://sharepoint.com/sites/Test/Page.aspx?ID="&ItemID.

2.Create another calculated column say Info and refer the previously created calculated column here in anchor tag.

For example:  =IF(ISBLANK(URL),"No URL",("<a href="&URL&" target='_blank'></a>")) 

Make sure the data type returned in both the calculated columns are Numbers.

Now its time to render the Calculated column as a HTML markup in SPO.

1. Ensure that the list is in the modern experience.
2. Click on the URL column-> Column settings->Format this column.
3. A dialog would open. Please click on Advanced and paste the JSON code in the textbox.


{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "a",
  "txtContent": "Info",
  "attributes": {
    "target": "_blank",
    "href": "='@currentWeb' + '/Page.aspx?ID=' + [$ItemID]"
  }
}

Click Save and close the dialog.

Now the hyperlink column works like a charm! :)


Happy SharePointing!!! 

 

Comments

Post a Comment

Popular posts from this blog

This site has exceeded its maximum storage limit.Error while uploading file to document library - SharePoint

Issue:  Unable to upload files to SharePoint document library irrespective of the document size. Solution: When you delete items from a SharePoint site, they're sent to the site Recycle Bin. When you delete items from a site Recycle Bin, they're sent to the site collection Recycle Bin.  A SharePoint site collection administrator can view and restore deleted items from the site collection Recycle Bin to their original locations. If an item is deleted from the site collection Recycle Bin, or it exceeds the retention time, it is permanently deleted. 1. Click the gear icon and go to the "Site Settings" page. 2. Under the Site Collection Administration, click on "Recycle bin". 3. Delete the unwanted files.
Post a Comment
Read more

How to Migrate a InfoPath List Form to another List Form in SharePoint 2013

I encountered an issue recently where the Info Path form got published accidentally with improper layout. As we all know that Info Path does not maintain versions and it is impossible to revert to the previous versions.  Luckily I had the back up of the SharePoint list template from where I could open the previous version of the Info path form. Following are the steps I tried to migrate the Info Path form from the back up to the new SharePoint list. 1. Create a new SharePoint list from the list template. 2. Open the newly created list and click on "Customize form" to open the form in Info path designer. 3. Extract the source files by clicking on File->Publish-> Export Source Files. 4. Update the manifest file with the URL, List ID, Content Type ID of the list to which the Info path form has to be published. Steps to update the manifest file: 1. Get the List ID from the URL by clicking on List settings. The List Id would be something like  List=%7B691FF1A0%2...
Post a Comment
Read more

Service Unavailable Error while accessing SharePoint Central Admin

Central Administration in SharePoint Server is where you go to perform administration tasks from a central location.  Sometime we encounter the "Service Unavailable" error message while trying to access the central admin.  Please follow the steps below to resolve the issue. 1. Open the IIS.  2. Expand the server name. 3. Click on Application Pools. 4. Please check whether the Central Admin application pool is started. If not, please start. 5. Also check whether the Central Admin site is started by expanding the "Sites". Sometimes the issue persists even after starting the application pool and the site. In that case, please go to the application pool. Click on advanced settings-> Identity->Please enter the credentials in the App Pool Identity and save.
Post a Comment
Read more