Change Sharepoint online Background - sharepoint

I would like to know how change backgroung sharepoint to custom background with username of user.

I suggest you provide the screenshots for further research.
If you want to custom background of the user's username in list view, we can use the css below to achieve it in classic UI. We can add the style into master page using SharePoint designer.
<style>
.ms-vb-user{
background-color:green;
}
</style>
For modern UI, we need inject a custom Cascading Style Sheet (CSS) using SPFx application customizer to achieve it. The solution below for your reference.
SPFx Applications Customiser CSS Injection

Related

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

Can we customize Master page and Page Layouts with SPFx?

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

Sharepoint2010 custom design as WSP

I am trying to get a solution for my issue. I have a set of HTML CSS and Images, which I want to apply to my sharepoint portal as a part of branding.
My concern is I want to make my design as WSP or any other kind of solution so that it can be installed in any sharepoint 2010 portal so that the user can switch back between actual sharepoint design and this custom design.
In short I have a custom HTML design which I need to implement to any sharepoint website, this design can be turned On or Off by the administrator just using the portal/Site screens.
Thanks in advance
SharePoint branding is always a tricky job. The safest way to achieve your goal is to create a separate masterpage with your new branding. So the user can choose to apply the default branding with the default masterpage and when he wants another branding your customized masterpage can be used.
Create a new SharePoint project and add the needed css inside a mapped layouts folder. Then you can reference your own css file in the new masterpage. Watch out with changing the masterpage, because it contains a lot of placeholders which will render different parts of the page. Try to work around these placeholders and make sure the masterpage works in different scenario's (ex. that the layout isn't broken when page is in edit mode, ...)
Once you are finished with the design, the user can use it by applying it in the settings. Another option to make it easier for the enduser, is to create a control that is a switch to apply your masterpage (ex. with custom action).

SharePoint 2010 custom breadcrumb, change only HTML

I have a requirement for changing the way bread crumbs looks in sharepoint. Please note that the data source will still be sharepoint but i need to generate the html little differently than the one displayed by sharepoint.
for example, if you are in a custom list,sharepoint displays as site > custom list > all items.
I neeed to display site, custom list and all items (no change in the items that are got from sharepoint). The only change will be, the user interface will be generated with a combination of html ul tags with some custom css?
Can someone suggest me the best approach?
Thanks
The visual appearance of the SiteMapPath control that displays a breadcrumb can be modified by setting the attributes of the control or by configuring the templates that are available for the control. I think that the CssClass and NodeTemplate properties is what you need.
How to: Customize the Appearance of SiteMapPath Web Server Controls
SiteMapPath Properties
Using a template with the SiteMapPath control
To modify the content of the breadcrumb you need to create a custom site map provider inheriting from SPContentMapProvider.
SharePoint Branding Issues: Breadcrumb
How to Create custom XMLSiteMapProvider and render it in SharePoint 2007 MOSS

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