Command Set on SharePoint pages - sharepoint

Is there an easy/supported way to add a custom button to the command bar of pages? I know about the way to add a button to the list view with an spfx extension. But I want the button on the pages itself. So a ListView Command Set is not what I am searching for.
Creating an application customizer extension with spfx and rendering the button in the specific position would be a solution. But that is not supported by MS and its more a workaround.

Related

SharePoint how to add button to Navbar in List Template?

I am trying to integrate the SharePoint extension in Teams and can't find a solution, to add a Label, Button or other type of Link to the NavBar.
The list i used was a generated with a template.
I tried to connect the different types of lists, with a homepage which is automatically generated in SharePoint.
After i redesigned the homepage, added the different links in a hero and connected the SharePoint site to Teams, i saw that that after clicking the link which led me to the list i could not go back to the homepage anymore.
The only way to access the homepage again was via dropdown on IT-Tickets and reload tab or closing it entirely.
The question is, how can i add an Element, after Open in SharePoint which links me back to the homepage ?
You cannot add a link to SharePoint list command bar using SharePoint out of the box capabilities.
You have to develop a SPFx ListView Command Set extension to add a link or button to SharePoint list command bar:
Documentation: Build your first ListView Command Set extension

Build an SPFX web part which render an HTML BOX which have a configurable Title, Description and Clickable Button

I want to build an SPFX web part, which should allow me to display this Box:-
where the Box will have a configurable Title,Description text & clickable button. so the user can add this web part inside any modern page, and define the Title, Description,the button title & the button URL.. so is there any available SPFX which can allow me to have these features, if the answer is No, then it is possible to build such SPFX?
Thanks
It seems you are looking for an SPFx compatible component. There is SPFx controls library, the control you are looking for is probably called Placeholder.
https://pnp.github.io/sp-dev-fx-controls-react/controls/Placeholder/

Sharepoint icon in titlebar

How can I add button icon in sharepoint site titlebar for connect to teams channel like in screenshot?
I don't think there is some OOTB solution for that. I think you would need to create a spfx extension application customizer and in it add code to append your custom html to the app page header title.
Please be aware that this is rather unrecommended approach to use site html as api, but unfortunately I think this is the only solution for your requirement

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.

How to make document library in top level visible to subsites

I'd like to ask if you came up with a solution that will allow for subsites to access a centralized document library at the parent level. I'm still trying to no avail. I've tried doc library templates, views, Doc Center and the best method i have OOTB is a page view web part on the subsites page display a view from the parents library. (by the way to remove the ribbon, append ?IsDlg=1 to the url and the ribbons hidden) cool tip. Say will you give be a Y/N on a solution that will allow one to keep a set of documents in the doc center and surface them in the sub-site.
There are another option without such hard coding. You can open any view of your document library, as mentioned earlier AllItems.aspx for example with SharePoint Designer. Open it for editing in advanced mode (there are option when you click right mouse button on file in SP Designer). Then just point mouse cursor inside web part and chose in ribbon web parts, Add to Site gallery, see the picture. Fill in name of new web part. That is all, now you can add this web part on any page on any web site from webpart gallery through the user interface or through the SP Designer by clicking Insert, Web Part in the ribbon on any page.
You can do this by editing the AllItems.aspx (or other view page) and scraping off the WebPartPages:ListViewWebPart and pasting it into a page on the subsite.
This will give you an error "List does not exits The page you selected contains a list that does not exist."
Then you need to get the WebID for the root site (where you took the ListViewWebpart from and replace the part of the webpart that looks like this:
<WebId xmlns="http://schemas.microsoft.com/WebPart/v2/ListView">00000000-0000-0000-0000-000000000000</WebId>
with (for example)
<WebId xmlns="http://schemas.microsoft.com/WebPart/v2/ListView">7b04dee8-b120-4dee-abea-28b77316ec7d</WebId>

Resources