How to insert/add logo before the top navigation in SharePoint - sharepoint

Is there a way to insert/add logo before the top navigation in SharePoint ? Currently we have Home link and we want to replace it using a logo instead.
Thanks!

Assume you are talking about SharePoint online development. I suggest using command set in SharePoint Framework.
The Command Set is the only type of SharePoint Framework Extension for which you can configure icons.
When deploying Command Sets, you can choose whether their commands should be visible on:
The command bar (location: ClientSideExtension.ListViewCommandSet.CommandBar)
The context menu (location: ClientSideExtension.ListViewCommandSet.ContextMenu)
Both (location: ClientSideExtension.ListViewCommandSet)
You can use an external icon image or a base64-encoded image as your icon image.
References form here
Also, there is a third party option. it will be less work just to change a icon but also limited choice of icons which they've provided.
ShortPoint can customize SharePoint Global Navigation and allows you to utilize ShortPoint Icons in your navigation.
The result will be something like this. Reference here.
So depend on your need, SPFx will give you more freedom and Shortpoint will take less work.
As for SharePoint On-premises. I think these below links can help you.
Customizing SharePoint 2010 global navigation with Css and jQuery Link
Top Navigation By Ryan Keller Link
Customize the navigation on your SharePoint site Link
Hope this can help you.

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

Have libraries navigation using arrows in Sharepoint Online

I am currently working on the homepage on a Sharepoint online site.
Is there a way to allow the user to navigate between some libraries using arrows? Kind of the same as Image Gallery web part but instead of having images, have directly the different library displayed.
Thank you in advance for the help !
We can not use SharePoint modern document web part, so we could use DetailedList instead.
Official example renderings:
We can write a button on the left and right of the DetailedList to switch the data source of the DetailedList.
Then you can achieve the effect similar to the carousel.

sharepoint online custom web part with jquery to realize multi-comments

As we know, we can enable comments in the sharepoint admin center, but it just shows in the bottom of sharepoint modern page.
I want to realize custom webpart and add more than one comments in a sharepoint mordern page as below:
enter image description here
can any helps?
The built-in page comment web part in SPO modern UI has not been exposed, we can't make use of it. We need to develop a custom SPFx web part. There is a plugin "jquery-comments", we can use it in the webpart. Please take a reference of below demo:
https://github.com/kongmengfei/SharedSPFx/blob/master/js-advanced-commenting/README.md
Test Result:
Related references:
https://developer.microsoft.com/en-us/office/blogs/sharepoint-framework-community-call-recording-12th-of-march-2020/

Adding HTML controls to SharePonint 2010 quick launch

We are migrating Lotus Notes application to SharePoint 2010. There are around 200 views on navigation pane of Lotus Notes. In order to provide similar kind of look and feel on SharePoint I am thinking to add dropdown on quick launch of my site.
Is it possible to add HTML controls like dropdown and add a functionality to navigate to respective view? Or else what could be the better solution for this case?
Thanks,
Pratima
You can use the ASP.NET placeholders available in the masterpage to host a control or WebPart beside the Quick Launch. The actual QuickLauch is generally customized by JavaScript unless you want to replace it with a completely new class.

Title Bar with a picture in Sharepoint

We have the standard Sharepoint site for our group at work and was wondering if we could add into the title bar where our group name is (like to the right of it), or above the announcements/calender widgets a
picture that resembles our group
and a mission statement right next to it
Does anyone know if this is possible? Thanks.
If you have the appropriate permissions, you can edit the page (More likely the master page) for the site using SharePoint Designer which is free from Microsoft. If you upload the image you want to a document library you can use that url for the img src.
SharePoint Designer 2010
SharePoint Designer 2007
But a simpler solution would be to edit the page, add a new web part and choose the Content Editor Web Part where you can put your mission statement and an image (that you previously uploaded to a document library).
You don't specify which version of SharePoint you are using, but changing the logo of a site hasn't changed much since the 2003 version. Office.Microsoft.com shows the user perspective of changing a logo. You could change the same setting through the API.

Resources