Questions tagged [spfx-webparts]

Technical questions about building and using web parts based on the SharePoint Framework client-side development model.

Filter by
Sorted by
Tagged with
0
votes
2answers
333 views

How to create common scss file in SPFx solution?

I have created SPFx solution which contains multiple webparts (Four webparts in 1 solution). All the webparts design are similar but with different logic. Right now, I have created a duplicate file ...
1
vote
0answers
115 views

Correct and reliable way to load bootstrap in SPFx webpart

ello, I know there are couple of ways to load bootstrap in our SPFx webpart. But it seems there is some inconsistency on how to add its reference in webpart.ts I am trying to load bootstrap.min.js ...
0
votes
1answer
147 views

Office UI Fabric not loaded with SharePoint 2016 | SPFx

I have sharepoint 2016, and i am trying to load the property panel of spfx webpart, however it's loaded without fabric icons. For example the Back and Next buttons look like this: Is there a way to ...
0
votes
1answer
25 views

Call child component method in parent and visa versa

how can I call a parent components methods from child or visa versa. I'm using reactjs and typescript in spfx webpart. Or should I use helper classes to call methods of another classes from anywhere?...
0
votes
1answer
317 views

Get another user info using PnPJS with SPFx

I want to get a list of items from a SharePoint list, and display them in a specific way in SPFx webpart. I could use PnPJS to get Text and Number fields, but for the Author field, I am only getting ...
1
vote
1answer
3k views

Anyone can explain the .ts file and .tsx file use and difference in SPFx react webpart?

In SPFx No JavaScript Framework webpart contain "webpart.ts" file and write code in it. But in React SPFx webpart, there are 2 file : 1) webpart.ts file 2) webpart.tsx file in component folder. ...
0
votes
0answers
260 views

SPFX PeoplePicker value and retaining initial selection

Looking to see what is going on here, I've recently started using React JS in Modern SPFX Web Part development and have come across a bit of an issue with the @pnp js SP React Control for ...
1
vote
1answer
112 views

Calling a custom web API secured with Azure AD from SharePoint 2019 on-premise

I need to call custom web APIs secured with Azure AD from my SharePoint 2019 on-premise SharePoint Framework solutions. As far as I know, this scenario and calling graph APIs are only supported in ...
0
votes
1answer
23 views

Sharepoint sp start kit webparts question.Is there a script/content editor webpart?

I have provisioned the starter kiton my tenant and its really impressing with some additional webparts included. see below https://github.com/SharePoint/sp-starter-kit But can we still get the ...
0
votes
0answers
251 views

Making a div full screen in SPFx webpart deployed in SharePoint Online

I need to make a div full screen (in web page) and for that I am using CSS. .divFullScreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; ...
0
votes
1answer
301 views

react-search: The type definition `index.d.ts` does not exist. Create one and try again

I am new to SharePoint and I'm trying to deploy a modern Search Web Part following the instructions here sp-dev-fx-webparts/samples/react-search/ When I run tsd install on the command prompt, it ...
0
votes
0answers
782 views

Show Modal dialog in full page SPFx

I have created a web-part which search the images from library and shows the result. when I click on image it should show in the popup as preview however it shows withing the iframe only instead of ...
0
votes
0answers
114 views

Using Sharepoint PnP to get SchemaXml and use it while provisioning an SPFx List Instance

I am creating an SPFx Web Part that will provision a list instance upon installation. I have successfully created and provisioned a basic list, however i cannot seem to customize it by altering the ...
3
votes
1answer
53 views

New Webpart development in SharePoint 2013

I need to develop some new web parts for SharePoint 2013, and they should be developed in such a way that they can be easily migrated to SharePoint Online at a later point. The webparts need to ...
0
votes
1answer
82 views

SPFX Web Part Error

I am following below MS article to practise jquery integration with SPFX. https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/add-jqueryui-accordion-to-web-part Getting below ...
2
votes
1answer
529 views

What is difference between SharePoint Framework (SPFx) Extensions and SharePoint Framework (SPFx) Web PART

I have started working on SharePoint Online. Where I have to use SPFX. What is the Difference between SharePoint Framework (SPFx) Web Part and SharePoint Framework (SPFx) Extensions
1
vote
1answer
600 views

SPFx - Using UI Fabric Core Controls without React Framework

Just wanted to check If I am not missing something. I wanted to use Office UI Fabric core controls on SPFx webpart without React component. So basically I have option to use SP Fabric Core. https://...
1
vote
0answers
43 views

Get ADFS claims using JavaScript

Anyone using ADFS with 2016. We would like to get users claims in a SPFX webpart or with JavaScript. Can't find anything on the topic
0
votes
2answers
820 views

Sharepoint online rest api is returning xml instead of json

I have the following code this.context.spHttpClient.get( `${this.absoluteUrl}/?$select=Title&`, this.config, { headers:this.getHeaders, }) .then((response: ...
0
votes
1answer
137 views

Problem with SPFx TypeScript json.value.map(k,i) & query via getuserbyid()

Firstly I'll start with extra question: I'm trying to get data by _api/web/getuserbyid() API call in code. Do You guys know why there is no option for filtering by query for specific data? I mean by: ...
2
votes
1answer
1k views

Unable to load `/temp/manifests.js` on https

On my SharePoint 2016 on-premise development site workbench, to load my SPFx webpart in the config\server.json I have set the "https": false. My development site loads on http and in my browser ...
0
votes
0answers
43 views

Problem to see webparts with users without privileges

I'm using sharepoint online webparts created with react I'm developing webparts for sharepoint, at first I tried with an empty webpart, just the auto generated one with yo @microsoft/sharepoint, ...
0
votes
0answers
512 views

SPFx TypeScript json response from spHttpClient as array

i want to get data to WebPart from the SharePoint list. but some of the data are eg. PeoplePicker or Multiple line of text and I have result shown as: <div class="...
0
votes
1answer
42 views

SPOnline: After including feature/asset deployment to my SPfx WebPart I can't put it on any SitePage

I'm trying to add some provisioning function to my SPfx WebPart Project on SharePoint Online. The Problem is that as soon as I put the feature information to my package-solution.json the configured ...
0
votes
1answer
31 views

Cannot delete the App added in Site Contents

We added a SPFX App in a SharePoint 2019 on-premise environment but somehow got an error. The problem is we cannot remove the app from the Site Contents. What possibly is the cause and how can we ...
0
votes
0answers
100 views

How to use HoverCard of Office UI Fabric in Custom SPFX People Webpart

How to use HoverCard of Office UI Fabric in Custom SPFX People Webpart? I am developing a custom SPFX webpart where i would like to mimic the behaviour of the current modern 'People' webpart ...
0
votes
0answers
332 views

Adding an Spfx client side webpart on a classic page

I am on SharePount on-premise 2016 with "September 2017 Public Update for SharePoint 2016" deployed and the configuration database is greater than 16.0.4588.1000. The site is running on https I ...
1
vote
1answer
250 views

SPFX Webpart- “Error initializing application” after refreshing page

SPFX app is created and deployed tenant level. IF it is add to a page at site collection level (ex:https://text.sharepoint.com/sites/ABC) it is working perfectly. If it is added at subsite level (ex:...
1
vote
2answers
939 views

Get current user's user group in SPFx WebPart

How do I get the current user's groups which he is a part of without @pnp/sp js framework in SPFx ?
0
votes
1answer
94 views

Add column names dynamically to `select` method in SP PnP JS

In the select method of SP PnP JS how can I add column names dynamically? For e.g. can the below code sp.web.lists.getByTitle("My List").items.select("Col1", "Col2"); be written something like this ...
3
votes
1answer
245 views

Creating component in SPFx webpart from command line

Is there any way to generate component in React from command line (similar to Angular's ng generate)?
1
vote
2answers
117 views

Error after installing the SPFx environment for the first time

Got a following error after installing the SPFx environment for the first time any help would be helpful. Thanks in Advance.
1
vote
0answers
37 views

“Likescount” and “CommentCount” returns null from publishing pages

I have a search function that connects to "LikesCount" and "CommentCount"properties (social bar). Example: let localQuery = SearchQueryBuilder.create('', {TrimDuplicates: false}) ...
0
votes
0answers
25 views

Best practice to provision assets (e.g. custom lists) alongside a SPFx tenant-wide Web Part?

Microsoft says that it's not possible to provision assets with a Web Part which is deployed tenant-wide (See here) But I need to develop a Web Part which will be available on the SharePoint Online ...
0
votes
1answer
32 views

Looking for a web part (default)

So I have a web part on a site and I want to know where it is from. To me, it seems to be one of the default one, although I havent been able to find it. It works like a header/title with title, ...
0
votes
1answer
595 views

SharePoint SPFx webpart - gulp trust-dev-cert Error

i try to create a webpart using SPFX: after running successfully : yo @microsoft/sharepoint Gulp version: gulp -v CLI version 2.1.0 Local version 3.9.1 node version: v10.15.3 i run : gulp ...
0
votes
1answer
146 views

Missing SPFX webpart on SP2016 subsites

Missing web part from the add a web part group on sub site pages. I deployed web part to the app catalog and CDN. I’m able to use it on the top level of my website without any issues, but I can’t get ...
0
votes
1answer
102 views

While creating SPFx webpart solution, i am getting the error : EINTEGRITY?

All these packages like Node, NPM, Yomen, Gulp, microsoft/Sharepoint-generator are already installed as mentioned in the help document for creating a new SPFx solution. https://www.sharepointsky.com/...
0
votes
0answers
233 views

SPFx extension samples not showing

I've tried several samples SPFx extensions. All samples have the same outcome when it comes to testing (gulp serve) after following the instructions on the samples page. Most of them just require ...
0
votes
1answer
80 views

Is it possible to submit/put or publish Share Point Modern Apps (SPFx) web parts in the Microsoft Store?

Is it possible to submit/put or publish Share Point Modern Apps (SPFx) web parts in the Microsoft Store ? The solution package (.sppkg) build with SharePoint framework . What is the Microsoft ...
0
votes
1answer
90 views

SharePoint Framework: How to build overlapping web parts?

We have two web parts which are supposed to be used together. One can be placed above the other. The upper web part allows a drop down to be opened. The problem: this drop down opens under the lower ...
3
votes
1answer
1k views

How to display the SharePoint “Live Persona Card”?

In our SharePoint Framework web parts we want to show people information just like SharePoint does: When hovering over the name or image of somebody a popup like this should open. Looking at the ...
0
votes
0answers
68 views

Connect custom web part to a library web part

I'm creating a custom web part using SPFx and I'll to connect it to a list. The web part I make shows the details of a product. The library I'll connect contains all manuals of the all the products. I'...
0
votes
1answer
119 views

How to load mutiple SPFx webparts in single page simultaneously

We have a home page where it contains 6-7 SPFx webparts built with 'No JavaScript Framework'. We need to load all the components in the Home page simultaneously since now it is loading One by One ...
0
votes
2answers
359 views

SPFx webpart with Bing Maps

I have SharePoint 2019, and I am trying to create a webpart that will display Bing Map, I tried this on a react app created using create-react-app, and it works fine. Then I took the code, and added ...
1
vote
1answer
218 views

SharePoint framework unit testing pnp

How can I test with jest a pnp function? How can I mock the webpart context and pnp responses? I'm using spfx webpart, pnp-js-core and jest for unit testing Thanks.
1
vote
1answer
414 views

Steps to setup SP2016 onprem with React using SPFX

I am trying to setup SP2016 onprem with React, using Yoeman generator @microsoft/sharepoint. I am getting errors when I run gulp serve. Need Help on setting up this project using SPFX. I have ...
1
vote
0answers
84 views

Error in webpart after upgrading to SharePoint Framework 1.8

I have just upgraded to spfx framework version 1.8. When I try to add the webpart to the page, I get this error Original error: Error loading https://component-id.invalid/f2f8e00f-ef2a-4909-b24a-...
1
vote
0answers
61 views

SPFX Webpart with Dropdown don't work on Classic pages

I currently have a spfx web-part which contains a dropdown, when I add it to a classic page and try to use the dropdown when the SharePoint ribbon displays the Format Text tab, the dropdown keeps ...
0
votes
0answers
20 views

Stop Property Pane closure on validation fail

I am looking to find out the correct way to stop Property Pane closure or update on validation fail. I can't see anything in the SharePoint documentation and am thinking one way to do it would be to ...