Unable to load web-parts in SharePoint page - sharepoint-online

I am trying to add the Modern Script Editor and SPFx web part to my SharePoint online modern page.
it is thrown below error,
Can anyone help me with the same?

How did you add the Modern Script Editor and SPFx web part to your SharePoint online modern page?
There is a thread about installing Modern Script Editor Web Part for SharePoint Online Modern Site, for your reference:
https://social.technet.microsoft.com/Forums/en-US/d4b8b3c4-8950-4407-9120-204b80fc35f9/sharepoint-online-best-practice-install-modern-script-editor-web-part-for-sharepoint-online?forum=odspproductsandservicesharing

Related

How to redirect sharePoint Online modern site Page

Sharepoint Online modern site Redirect
Is it feasible to redirect sharepoint page to another site ?
From https://xyz.sharepoint.com/ccg/sitepages/abc.aspx
To https://pweroApp.com/xyz
Below mentioned are my findings and efforts.
It can be done in sharePoint classic by simply writing javascript code. But in modern site we can't write code there is no web part that support code.
We can redirect the page using "news link" but it only works for home page. It means I can only redirect the sharePoint home page, not any other sharePoint page. When I am trying to do so there is a lag in the redirection.
For reference: https://www.sharepointdiary.com/2020/02/sharepoint-online-how-to-create-redirect-to-another-site.ht
To add a script or your own code, you could write a webpart with help of SPFx.
There is a tutorial by Microsoft:
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part
Otherwise you could simply put a text field with a link on your site, which redirects to your other site.
There is a thread that lists the steps to enable the custom modern script editor web part on SharePoint Online modern page, you can refer to it to install the custom web part, then add your code to the web part.
https://social.technet.microsoft.com/Forums/en-US/d4b8b3c4-8950-4407-9120-204b80fc35f9/sharepoint-online-best-practice-install-modern-script-editor-web-part-for-sharepoint-online
a.png

SharePoint Designer 2013 Edit Site Pages

Here i have a issue with SharePoint Designer 2013, an Modern site page was build on SharePoint Online. But i need to customize the modern page and adding url to quick links.
Though modern page doesn't support CEWP or SEWP it's hard to custom the page. But what i am looking is to edit the site pages from SPD 2013 and if i edit the planner.aspx will changes save, unfortune i have Url to navigate the user from the one page to other url(https://...Planner.aspx).
What i want is when user clicks on above link, it should open in new tab and i have to align the page with Css branding. i am adding something like this to open in new tab using SPD href="/abc/xyz/3/SitePages/Planner.aspx?web=1 target="_blank" but no luck at the end.
Looking for an solution, Thanks in advance !
As far as i understand, using SharePoint Designer is not supported for modying the SharePoint modern experience.
You should be using the SharePoint Framework to modify your pages, you can see the full list of supported modifications here:
https://learn.microsoft.com/en-us/sharepoint/dev/solution-guidance/modern-experience-customizations
However, if you are used to using CEWP and SEWP, you can deploy an app which replicates the functionality in the modern pages
https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-script-editor
Atlthough this is probably not supported either, it should allow you to make the changes you want.

Custom SharePoint List forms in SharePoint Framework

We are migrating old SharePoint 2010 On Premise code to SharePoint Online.
Part of the SharePoint 2010 on premise code has custom list forms developed with visual Studio.
Thought of using JSLink for custom forms while migrating the code to SharePoint Online but it seems that JSLink is only supported in classic experience and not in modern new experience.
Is there any way we can develop custom list forms on SharePoint Online with modern new experience? Is it possible with SharePoint Framework?
Note:
Tried by adding forms to list instances on SharePoint Hosted Add In but it targets the AppWeb lists and not the lists on HostWeb.
Well you can use react in modern web part to build any custom form. We can reuse components.
Another option is to use Power Apps similar to info path to design and add validation on list form.
https://abdulazizfarooqi.wordpress.com/
Another option is to use Content Editor webpart and add bootstrap html forms.
I hope it may help u.
Coding in Classic View is the only solution to your query. Once you are done coding in classic, you can switch/migrate to Modern View Experience.
In this way, your form will be visible and lists will also be consumed.
Nope!.. Modern sites are totally different development model So JSLink is not possible but you can use SharePoint framework extension to achieve the customization for the list.
Please follow the link below
JSLink to SPFX extensions
Please mark if accepted as answer

Creating a Custom Content Editor WebPart in SharePoint 2013

I have requirement and need a suggestion from you guys. In the below I will state my requirement.
I have a SharePoint 2013 Publishing Site.
This has custom master pages build using some HTML files and custom page layouts.
The client needs to follow the styles according to the clients style guide. For the master pages and the page layouts the styling was not an issue.
The content needed to be follow the same styles as guided by the clients style guide. So we have used 'Script editor' web part to insert the content. But this has a bad influence only the technically skilled users can insert the content.
But if we use the Content editor web part we do not need to use HTML code to insert the content. But the issue is the default content editor web part does not has the styles that relevant to the clients style guide.
Can we create an our own content editor web part that reflect the clients style guide using Visual studio ?
I hope these information is enough to get an idea.
Thanks and regards,
Chiranthaka
Ok guys! Many thanks for your help. I found several articles regarding creating a custom SharePoint 'Custom Content Editor' web part using Visual Studio 2013 and SharePoint 2013 Enterprise. These artcles are somewhat old but we can use them for our purpose.
I will post the URLs for those articles.
Creating a Custom Web Part Editor in SharePoint 2010
Custom Content Editor Web Part for SharePoint

Help me understand Sharepoint

We've been asked to create a web application. One part of the specification is that in future, it can be integrated into Sharepoint. The last version of this app was written in PHP and "integrated" by means of an iframe embedded into Sharepoint; not ideal.
I'm looking to understand the use of Sharepoint in this context. I believe that you can write Sharepoint Applications which are more "native" to Sharepoint than the rough-and-ready iframe approach I discussed before. How easy is it to take a standard ASP.NET MVC application and fully integrate it into Sharepoint?
Does anyone have any thoughts, experiences, or resources on this matter?
I think the first question is what kind of integration with SharePoint are you trying to accomplish? The simplest is to use the Page Viewer webpart (i.e. iframe) method. You can also write custom webparts that show data from your custom application. That's a form of integration. The ultimate form of integration, of course, is to make your application run inside of SharePoint. That leads to my next point.
SharePoint (as of version 2007) is essentially a giant ASP.NET framework. So you can theoretically use it to host any ASP.NET web application. I have actually done it before and it works. However, that was a plain old ASP.NET webforms application (not MVC). If this is what you are trying to do, you definitely would need to rewrite your php application in ASP.NET.
In Sharepoint there is a Page Viewer webpart using which you can load a different url. This way you can easily "integrate" your application to sharepoint site ;-)
But if you are really looking at Re Engineering the application in SharePoint then its a different story. You have to study the current application and then develop it in SharePoint.
This fellow has an approach to writing PHP for SharePoint. A key statement:
There are two big tricks – getting the
XML right and using NTLM
authentication.

Resources