Forum Discussion

Copper Contributor

Mar 07, 2018

Solved

Get sites/<sitename> variable in SharePoint framework extension

How can I get the site name variable inside a sharepoint extension using sharepoint framework? Need to get the name of the site where the extension is deployed. Any help is appreciated. Thanks!

paulpascha
Mar 07, 2018
One way is to use the PageContext object as described in the following article:

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/connect-to-sharepoint

AFAIK the context object is also available in an Extension. The property pageContext.web.title contains the name of the site.

PnP-JS-Core also provides easy access to a lot of functionality and properties of SharePoint objects, have a look at it here:

https://github.com/SharePoint/PnP-JS-Core

paulpascha

Bronze Contributor

Mar 07, 2018

One way is to use the PageContext object as described in the following article:

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/connect-to-sharepoint

AFAIK the context object is also available in an Extension. The property pageContext.web.title contains the name of the site.

PnP-JS-Core also provides easy access to a lot of functionality and properties of SharePoint objects, have a look at it here:

https://github.com/SharePoint/PnP-JS-Core

Chivleng Tony Lim
Copper Contributor
Mar 08, 2018
How would I go about add the absoluteURL in a .scss file like so:

background: url("$this.props.context.pageContext.site.absoluteUrl/Shared%20Documents/Banner/MissionJapanBanner.png") center center no-repeat

Thanks !
Chivleng Tony Lim
Copper Contributor
Mar 08, 2018
Great, thanks! I used this breadcrumb extension as an example.

https://github.com/SharePoint/sp-dev-fx-extensions/tree/master/samples/react-application-breadcrumb/src/extensions/siteBreadcrumb