How to get Sharepoint online folder default properties using pnpjs library
Hello, Please I am trying to get the default folder properties from sharepoint document library. Attached are some of the properties that i could get but there are other properties I would like to retrieve, i.e. The image thumbnail, FileRef, FSObjType, FileLeafRef, ServerRelativeUrl, Folder.. etc. Below is my code:
How to get file versions and comments
Hi All, I am SharePoint online site, SPFX and React. I am trying below code to get versions and comments but in comments I am getting same comment to all version which is latest. Not getting why we gets same comments to all versions. Is there any other way to get this. web.lists.getByTitle("Documents").items.getById(Itemid).versions.get().then(v => { console.log("admin"); Logger.Log("getByTitle: " + v); Logger.Log("Inside v: " + v); Object.keys(v).forEach((key) => { console.log(v[key]); //Logger.Log("v[key]: " + v[key]); Logger.Log("OData__x005f_CheckinComment: " + v[key].OData__x005f_CheckinComment); Logger.Log("OData__x005f_UIVersionString: " +v[key].OData__x005f_UIVersionString); }); }) .catch((e) => { console.log("adminerror" + e); return false; }); How to get versions and comments of file? Thanks, Harish Patil
SharePoint List Item Person field only returns FieldId and FieldStringId
I have a list with a few columns that are Person columns. Below is a snippet without a select nor expand: const newHires = this._sp.web.lists.getById(${listId}).items<ListItem[]>(); const resolvedTasks = Promise.resolve(newHires); Two of my Person fields are called Manager and Dude. As you'll see from the screenshot, I only get DudeId and DudeStringId (ditto for Manager field). When I try the following: const newHires = this._sp.web.lists.getById(`${listId}`).items.select("Manager/Email").expand("Manager")<ListItem[]>(); I get the following 400 error: "odata.error":{"code":"-1, Microsoft.SharePoint.SPException","message":{"lang":"en-US","value":"The query to field 'Manager' is not valid. The $select query string must specify the target fields and the $expand query string must contains Manager." I've also checked in the library settings that the field name is indeed Manager.How to create custom section layout options for SharePoint online modern site pages?
Hello Everyone, SharePoint provides default layout options below as mentioned in the screenshot. How can we create custom section layout options as per our needs? If there are any ways to create custom section layout options then please let me know your thoughts on the same. Can anyone help me with the same? ThanksWebpart not rendering filePicked utliizing PnP FilePicker
Hello, I am using SPfx PnP FilePicker property control. When I check the Edge developer tools, I can see the image being saved to SPO, but the image does not render within the webpart. Is there anyway someone can see if I am implementing something wrongly? Thank you! public render(): React.ReactElement<ICallingCardsProps> { const thumbRend = "https://media.akamai.odsp.cdn.office.net/uksouth1-mediap.svc.ms/transform/thumbnail?provider=url&inputFormat=jpg&docid="; let arr = this.props.CallingCards || []; if (this.props.CallingCards && this.props.CallingCards.length > 0) { var contacts = arr.map(el => <div className={`${styles.tile}`}> <div className={`${styles.galleryframe}`}> <img className={`${styles.galleryimg}`} key={el} src={el.filePicker.fileNameWithoutExtension == '' ? el.filePicker.fileAbsoluteUrl : ''} /> <div key={el}>{el.Name}</div> <div key={el}>{el.Email}</div> <div key={el}>{el.PhoneNumber}</div> </div> </div> ) } else { return ( <div className={`${styles.welcome}`}>Use property pane to create new Contact Cards!</div> ) } return ( <body style={{ height: '225px' }}> <div className={`${styles.grid}`}> {contacts} </div> </body> ); } private async uploadFiles(fileContent, fileName, FolderPath) { try { if (fileContent.size <= 10485760) { // small upload let result = await this.sp.web.getFolderByServerRelativePath(FolderPath).files.addUsingPath(FolderPath, fileContent.type, { Overwrite: true }); console.log(result); } else { // large upload let result = await this.sp.web.getFolderByServerRelativePath(FolderPath).files.addChunked(FolderPath, fileContent.type, data => { console.log(`progress`); }, true); } } catch (err) { // (error handling removed for simplicity) return Promise.resolve(false); } } { id: "filePicker", title: "Select File", type: CustomCollectionFieldType.custom, onCustomRender: (field, value, onUpdate, item, itemId, onError) => { return ( React.createElement(FilePicker, { key: itemId, context: this.context, buttonLabel: "Select File", onChange: async (filesPicked: IFilePickerResult[]) => { for (const filePicked of filesPicked) { const filePickedContent = await filePicked.downloadFileContent(); const folderPath = await filePicked.fileAbsoluteUrl this.uploadFiles(filePickedContent, filePicked.fileName, folderPath); console.log('onChange....', filesPicked) } }, onSave: async (filesPicked: IFilePickerResult[]) => { for (const filePicked of filesPicked) { const filePickedContent = await filePicked.downloadFileContent(); const folderPath = await filePicked.fileAbsoluteUrl this.uploadFiles(filePickedContent, filePicked.fileName, folderPath); } console.log('onSave....', filesPicked) } }) ); }, required: true },How do you Navigate between pages in SPFx(React) Teams solution .
We can use React links to navigate between pages in a normal website, but in React spfx solution there is no links that we can use, so how would you navigate between , pages in React spfx solution. Something I came up with was, conditional rendering of all the components and putting them all in a single file, and passing callback function as props. but in this case I have to forecefully execute UseEffect when, a page is rendered , or the master page is rendered. Instead of this is there anything that can be done. for navigating between pages in React using SPFx solution for TEAMS.SPFx - ListView Extension - Get WebPartContext
Hi All, I'm currently working on a SPFx List View Command Set extension using React. This is OnPrem (SP 2019) so using SPFx 1.4.1. Have created a Service class for my common queries to SharePoint. In one of the call I want to pass WebPartContext from ListViewCommandSet.ts file. When accessed from this.context I'm getting List scope which is fine but now how can I access WebPartContext either in ListViewCommandSet.ts file so I can pass it to Service or access it in Service TS file? Any help would be appreciated. Thanks, Sanjaysearching an External user in People picker and starting an invitation
I want to write code to search for non-existing external user email for next step giving me this email as suggestion for sending them an invitation. for example, there is a functionality by Standard SharePoint (the picture below) when you want to share the SharePoint site with some non- existing external user (OOB UI)
