Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
0
votes
0answers
10 views
SPFX Tab event key not being detected when page is published
i created an spfx app and i have a form that inputs multiple items like so:
i am capturing the keydown press through:
switch (event.key) {
case 'Enter':
this.setState({
...
0
votes
0answers
18 views
spfx webpart custom themes
I have created a simple webpart then I define background for element background-color: "[theme: themeDark, default: #005a9e]"; , and on site page it inherit color and show themeDark of current set up ...
0
votes
0answers
14 views
is there property called ''pdfConversionUrl' in sharepoint extension
I found pdf conversion url like this https://northeurope1-mediap.svc.ms/transform/pdf?provider=spo&inputFormat=docx&cs=fFNQTw&docid=https%3A%2F%2Fdenterprise.sharepoint.com%3A443%2F_api%...
0
votes
1answer
27 views
spfx peoplepicker- change state on remove suggestion
I want to change a state when the user remove a person from people picker?
<NormalPeoplePicker
onChange={this._onChange.bind(this)}
onResolveSuggestions={this....
0
votes
1answer
17 views
How do i get current aspx sitepage with SPFx
I have build a webpart with SPFx and using following libraries
@microsoft/sp-core-library": "1.6.0
@microsoft/sp-lodash-subset": "1.6.0
@microsoft/sp-office-ui-fabric-core": "1.6.0
@microsoft/sp-...
0
votes
1answer
34 views
How to default select user in People Picker?
I want to set default selected user on people picker?
<NormalPeoplePicker
onChange={this._onChange.bind(this)}
onResolveSuggestions={this._onFilterChanged}
...
0
votes
0answers
15 views
Peoplepicker get all users in tenant
How can I get all of the users in my tenant? I get just the users in a group.
This is my code:
private _getPeoplePickerItems(items: any[]) {
console.log('Items:', items);
}
public render(): ...
0
votes
0answers
18 views
Spfx webpart: how can we update selected item doc icon only using reactjs
In spfx web part, When I select an item and check out it is checking out item as expected.
But i would like to change the icon to indicate check out status.
Thanks in advance.
0
votes
1answer
42 views
spfx get value from input
How te get the value from input, i always get the default value from the input field.
This is my code:
export default class HelloWorldWebPart extends BaseClientSideWebPart<IHelloWorldWebPartProps&...
0
votes
0answers
33 views
How to prevent changing iframe content after click
I would like to build a SPFx app but I don't want to build everything, I´d like to use as much as I can OTB.
The idea is to have one SPO-list witch should be hidden
but I would like users to be able ...
0
votes
0answers
29 views
spfx MSGraphClientt
I need to write a webpart, which shows data from the MS Graph.
I wrote this example code
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
...
2
votes
1answer
34 views
Add Dynamic Property Panes to SPFX
I know this has been asked 1000 times, but i've tried everything in the first 2 pages of google so i've decided to come to you guys for help.
I'm trying to create some dynamically added property ...
0
votes
2answers
36 views
SPFX Web Part Disappears on Save
I have a weird issue. In this one web part, it works when I add it to a page. But it disappears once the page is saved. Additionally, web part properties for the web part also don't persist. Once a ...
1
vote
1answer
18 views
Cannot deploy SharePoint Framework packages anymore after upgrade to SPFx 1.6
Cannot deploy SharePoint Framework packages anymore after upgrade to SPFx 1.6. Few blogs suggested that its because of the webApiPermissionRequests crossing more than 255 characters. Is there any ...
0
votes
0answers
18 views
Shimmer is absent in package 1.5.1
I am building the SPFx webpart (1.5.1 version) using yeoman, and it deploys the same fabric core version automatically (1.5.1).
I chose the React framework. So in project's package.json I see "@...
0
votes
0answers
23 views
GroupedList renders checkboxes not in correct way
I use Fabric UI GroupedList component together with Checxbox component, but it seems to work not in correct way.
When I put сheckboxes in GroupedList they become to work not as usual.
The checkboxes ...
0
votes
1answer
24 views
pnp/sp how to return user information after creating a list item?
I am creating an SPFX webpart and i have to call pnp/sp to check if a list item exist and if it isn't i will create a new list item. this is my code for creating a new list item:
return sp.web.lists....
0
votes
0answers
26 views
Issue with SPFX 1.1.0 and VueJs
I have been trying to implement version 1.1.0 of spfx with VueJS as it has SP2016 on prem support, every example and guide I have tried fails to build when using the older version of spfx.
When ...
4
votes
1answer
50 views
SPFx webpart not updating with latest spkg uploaded
My Spfx spkg uploads successfully to the apps catalog. Tenant wide upload is enabled.
When I do 'Add an App',
This app is not available for installation under 'From your Organisation'
Although when ...
0
votes
1answer
47 views
where do i need to add my custom javascript (which will be rendering the results inside the modern web part) inside my client-side web part project
I have built my first client side web part as mentioned on this link https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part. now the web part will show ...
0
votes
1answer
21 views
Return items within Date Range
My array:
urlArray = dataArray.map(function(item){
return {
Id: item.Id,
Title: item.Title,
...
0
votes
0answers
16 views
Query data from Azure table storage using SPFX
i currently have a requirement to display Azure table storage data into a table created using SPFX (react). i have created an azure table storage already with a cosmos db storage. i have read the ...
0
votes
0answers
29 views
When bundling a SPFx web part (i.e. gulp bundle), what is the json file for that is created within temp/deploy folder?
When bundling one solution using "gulp bundle --ship", I get two files within the "temp/deploy" folder:
768ccd78-850f-4c39-b457-b9e43e9ca339.json
web-part_d46327de559c749c6fed216a0c58314b.js
I ask ...
3
votes
2answers
41 views
SPFx: Can you use WebPartContext in components different than the main one?
I am trying to call Microsoft Graph from a component, different than the main one.
As a first step I am declaring a variable for the MSGraphClient's serviceKey like this:
const graphClient: ...
0
votes
1answer
120 views
SPFx - Gulp serve fails
I had 2 webparts in my solution. But when i tried to add the 3rd webpart, it successfully adds. But after that "gulp serve" fails. Below is the error message
D:\Bloom\Code\BloomWebparts>gulp serve
...
1
vote
0answers
92 views
SPFX 1.6 msGraphClient error on SharePoint app
I created a SharePoint Framework 1.6 webpart which uses the MSGraphClient. On all browsers (tested with IE11, Edge, Chrome on laptop. Tested with Chrome, Edge, Samsung browser on cell phone ) this is ...
0
votes
1answer
237 views
Updating SPFX breaks gulp
So i tried installing a webpart from scratch & added React as a framework. All good, but the version of @microsoft dependencies is 1.5.1 AND the latest is actually 1.6.0.
I've tried updating ...
0
votes
1answer
58 views
SPFX webpart context is undefined
Ok so i've searched for a while and tried everything. I've followed these steps as well -> How to retrieve pageContext in SPFx?
So far its just a "testing phase", but i get stuck at the beginning ...
2
votes
1answer
90 views
Script to add SPFx webpart to a classic page using PnP Powershell
I have to run a Powershell script that creates a Site Collection App catalog , then add an SPFx webpart to it and publish it. Also it has to install it in the site. I have done upto this part.
Last ...
1
vote
1answer
304 views
SPFx problem with code from github
I'm trying to use the CDB promoted links webpart (from github) for modern pages but I need to make changes to the code (just the colours, nothing structural), So far so good- runs on the workbench but ...
0
votes
1answer
13 views
Spfx webpart - single web part with 100+ forms in it
I am creating a spfx-ReactJS web part for O365 site.
This is actually a java to sp re-engineering. Legacy java app has 100+ pages, I am trying to put all of these into one spfx webpart and add it to a ...
1
vote
1answer
59 views
SharePoint Framework SPFx - Using PNP js How to get and save value in Yes/No sharepoint column
I am creating custom webpart in SPFx. I have a yes/no column. I have to use PNP js to get the value, when that check box got selected.
That value I should save it in SharePoint column as Yes, if its ...
5
votes
3answers
328 views
Angular and spfx learning guide
I am getting started with spfx and i have no prior knowledge of angularjs/angular.
Recently i saw a blog post that says to use angular element to develop webpart.
Can you guys please guide me on ...
1
vote
2answers
110 views
Trying to use SPFX + React. Error “yo : The term 'yo' is not recognized as the name of a cmdlet”
I want to build my first SPFX React web part, so i am following this article:-
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/use-fabric-react-components
first step i ...
0
votes
1answer
48 views
Can I use a SPFX ListView Command Extension to copy files from another library?
I'm looking at using the ListView Command SharePoint Framework Extension on a SharePoint document library.
Essentially all it will do is have one command called "New Project". On selecting the ...
0
votes
0answers
26 views
SPFx Non Reactive WebPart Pane Props with Cascading Dropdow
I was trying to build out cascading dropdown webpart props (ref MS Docs). To this I have set the disableReactivePropertyChanges() to true.
Expected Behavior The properties in the property pane ...
0
votes
1answer
98 views
SharePoint Online full-width page
I am still exploring SharePoint Online creating webparts and deploying through visual studio code using Typescript.
I created a HelloWorld webpart and uploaded it on page. I was able to create ...
1
vote
1answer
44 views
Custom Edit Form WebParts, How to Prevent Overlapping Saves
I'm working on building a custom form webpart that will be basis for all of our custom forms going forward. A single webpart to handle New, Display, and Edit. This will facilitate our migration from ...
0
votes
2answers
60 views
SPFX Angular *ngFor not working with routing
Iam using Angular project from Sahil Malik's blog Use SPFx with Angular and Angular CLI as a startup solution/project....
And i implemented "@angular/router" for routing with some test pages.
Just ...
0
votes
0answers
22 views
Jquery plugin remodal in SPFX Webpart
Hello as found on the internet I added a jquery plugin to manage modal box in my sharepoint Framework webpart. It worked perfectly for the first day but when I came back the day after it looks like ...
0
votes
1answer
50 views
How to Call 3rd party API using Azure function and display in SharePoint online Site using SPFx?
I have create one azure function to call 3rd party API and used application ID in SPFx webpart but when on 'gulp serve' it shows error.
I have tried in both team site as well as developer site.
I am ...
0
votes
1answer
49 views
can we check if the same package (npm package) loaded twice on the sharepoint modern page?
we are using private module (equivalent to dll) for logging the issue in SPFx to list. i am not sure if the private module is been downloaded multiple time or one time on the modern page.
we are ...
0
votes
1answer
84 views
SPFx - PnP Js : Setting value of a custom user profile property
I am working on building a webpart using SPFx. I need to access userprofile service to set value to a custom user profile property.
I am using PnP Js to achieve this. I found here that there is a ...
-4
votes
1answer
41 views
Is there any possibilities that getting documents that's been shared with the current user!
Any search API that shows shared with me documents been used with SPFX
1
vote
1answer
114 views
SharePoint Framework ( SPFx) is it possible to create custom HTML page
Just started learning SPFx, so had many queries. First of all
In SharePoint Framework ( SPFx) is it possible to create custom HTML page and make that as default landing page for add in.
So that we ...
0
votes
2answers
34 views
Add webparts to an existing spfx solution after deployment
I added a new webpart to a spfx solution after it has been deployed to SP online. I repackaged the solution, reuploaded the package to the app catalog and I do not see the newly added webpart in the "...
0
votes
0answers
51 views
Load fonts in sharepoint framework
I have the following code and need to know how to load an external font source such as the woff source
build.configureWebpack.mergeConfig({
additionalConfiguration: (generatedConfiguration) => ...
1
vote
1answer
144 views
How to get App Catalog site URL using JavaScript?
Is there a way to programmatically get the App Catalog site URL in a SharePoint Framework (SPFx) Web Part? I'd like to read/set the SharePoint Tenant Properties in my Web Part. However, we need to ...
3
votes
2answers
69 views
How to combine two SPFx web parts?
We have two separate SPFx web parts (call them A and B), and you can add A and/or B to same SharePoint Online site.
Now there is a need to create web part C that combines both A and B into single web ...
2
votes
1answer
43 views
Restrict audience for SharePoint Framework Solutions
Is it possible to restrict the audience for SharePoint Framework solutions? By individual sites or users.
Deploying solutions to the app catalog make them available tenant-wide, but some solutions ...
