Can we customize Master page and Page Layouts with SPFx? - sharepoint

I am working on SharePoint Framework and have one take to do in this. I want to know that can we add our custom master page and page layouts in SharePoint Online using the SharePoint Framework ?
If yes, then can you guys please provide me some details or links to understand this ?
I have a requirement to have my own custom master page and layouts deployed in SharePoint Online using my custom client web part.

No, as of now there is nothing in SPFx to customize master page or page layouts. Also, Master Page and Page Layouts are old technique, which is not applicable for Modern Pages.
But SPFx framework comes with extensions (in preview as of now), which can be used to enhance UX of application. The SPFx extensions allow you to customize in following three direction:
Application Customizers: Overall page customization can be done using this like header/footers.
Field Customizers: For custom rendering of fields.
Command Set: For adding custom commands to the top ribbons or popup menus.
https://dev.office.com/sharepoint/docs/spfx/extensions/overview-extensions

Related

IS it Possible to remove the left hand and top nav of SharePoint Site

IS it Possible to remove the left hand and top nav of SharePoint Site.
My test page just like below:
For the app bar, you could hide it with PowerShell.
Connect-SPOService "https://crescent-admin.sharepoint.com"
Set-SPOTemporarilyDisableAppBar $true
But for the top nav, there is no native way to hide it.
You need to hide it with your custom CSS code and inject the CSS code into SharePoint using SharePoint Framework Extension.
It should be noted that subsequent updates of SharePoint may change the page structure and cause the CSS selector to fail.
A blog for your reference:Inject Custom CSS on SharePoint Modern Pages using SPFx Extensions
You could download the SPFX app here:https://github.com/Haiqi-Wu/SharePoint-FrameWork-Demos/tree/master/react-application-injectjs-master
SharePoint Framework Documentation:https://learn.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview

Customizing a modern page using SpFx

I want to transform a classic site into a modern experience and I have the following customization, done on a classic list form.
The page contains two Webparts:
XsltListViewWebPart to display the list of items
ContentEditorWebPart to fetch some summary data
Problem :
The SPFx extension used to replace the default rendering of the list works only on the allitems.aspx page (it is not working on my custom page which contains ListWebpart)
I need to know how to be able to make SPFx extension working on that ListWebpart.
Or if it is possible to add a client side webpart inside my allitems.apx page.
We can't 'Edit' OOB modern list view currently.
When you add list view to a modern page, you could deploy react-script-editor to your tenant so you could add this webpart to modern page which works like script editor webpart in classic view.

Not able to add any WebPart on the site page

I have created a "Team Site" on SharePoint online. When I edit a site page, I am not able to view any option of adding a web part on the page. All I can see are following options. Please click the link to see the options. I don't see any web part option there.
I believe there are some features that need to be activated on this site collection. Does anybody know which features need to be activated here to enable web parts on the page?
Unfortunately, WebPart doesn't work in New Experience. You need to be in Classic View to add the WebPart.
You can't add web part to New experience mode Sharepoint page. At least not for now. But you can create a page in Classic mode, it's the same as it was in SP2013.
How to do it - Read this article

Which is the Liferay equivalent of a IBM WebSphere Portal / WCM Menu?

I've developed with WPS and WCM for several years and now I am also learning Liferay. I can't help but compare the features and I understand that in Liferay some things are done differently.
I would like to know the best practices to manage the following simple example:
A simple page with a carrousel with several images and links
Google analytics inserted in the page (Reusable in most pages)
The following is how I'd solve it in IBM WPS:
A HTML component with the Google Analytics code that is called in every page (I can't find how to do this in Liferay)
A content definition of an image and a link.
Create several contents for each image and link.
Create a menu that shows the list of content in the form of a carrousel (I can't find how to do this either in Liferay)
I am aware that Liferay has a list portlet and content that has repeatable items. I know I could use these, however its much more usable if I can have on content for each image/link and one reusable HTML snippet of code.
How should I solve this in liferay in the most efficient way?
Thanks!
You have to use Liferay Web Content portlet for creating the carousel. This is available in Control Panel. For your particular requirememnt you have to create a dynamic web content, which involves using of Velocity language and javascript to iterate over a set of images. Infact if you see Liferay's website, the home page has this kind of stuff.
For Google Analytics there are two ways. Liferay is not just meant for creating one site, it caters creation of multiple sites. Each site has a group of pages. You can create site from Control panel again. In the site settings you have this option to add google analytics id. So with each site can have different google analytics id.
If you want to do it at a global level, we add the google analytics script snippet in the Theme of liferay.
To get a better understanding of all the jargons used in Liferay, you have to atleast go through Liferay's documentation. And while going through it you have unlearn what you have previously learned. Liferay has hell lot of features than Websphere portal.
http://www.liferay.com/documentation/liferay-portal/6.1/user-guide

Creating Dynamic Sitemap in SharePoint

I have developed a publishing portal in sharepoint.I have a requirement wherein I need to create sitemap for the entire web application.
This should be dynamic, in the sense, whenever we update the contents of any given page in our web application, it should be reflected immediately in the sitemap page. What are the possible ways to achieve this and which is the best possible solution considering the scalability and easy configuration?
Thank you.
If you don't want to use a custom webpart, you could use normal navigation list to create your sitemap and it is automatically updated. You only need to style it in a way to resemble some kind of sitemap.
Here are some links to get you started with customizing your navigation:
Custom Navigation in SharePoint - The Full Monty
How to: Customize Navigation
Also there is the portal site map which provides the data source for your custom menu. Just read up on custom navigation and stuff like PublishingNavigation:PortalSiteMapDataSource and SharePoint:AspMenu.
There is a nice PowerShell script to create a sitemap for SHarepoint 2010, if you want to submit your sitemap to Google: Generate A Sitemap For SharePoint 2010 Using PowerShell'.
You can also install and customize the SharePoint Web part ("Table of Contents") to your liking. Read up on it here...
Take a look at our ECS product, it is close to what you need
http://www.infowisesolutions.com/product.aspx?id=ECS
It was built as a system of cross site collection navigation, with security trimming and permissions inheritance between site collection.

Resources