Quantcast
Channel: CSS Tricks – Our SharePoint Experience
Browsing all 51 articles
Browse latest View live

Image may be NSFW.
Clik here to view.

To brand or not to brand, that is the SharePoint Online Question

There has been quite the chatter happening on the ole’ interweb lately surrounding the topic of branding and site customization for SharePoint Online (SPO). The overall message people keep hearing is...

View Article


Image may be NSFW.
Clik here to view.

Customizing the SharePoint Online App Launcher

The waffle, the grid, the thingie in the left corner of your Suite Bar… the SharePoint Online (SPO) app launcher has many descriptions and is one of the latest changes made to SPO.  It gives the user...

View Article


SPTechCon Austin February 2015 Session Review

Stay tuned!

View Article

Image may be NSFW.
Clik here to view.

Making seattle.master Responsive

“Sonny, true love is the greatest thing in the world. Except for a nice M.L.T., a mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe. They’re so perky. I love...

View Article

Image may be NSFW.
Clik here to view.

Modify Project Summary Web Part Countdown

This is a bit of an odd one… but I love to show examples of how simple CSS can meet your needs, however different they may be, for SharePoint and SharePoint web parts.  A student needed to convert the...

View Article


OfficeDev/PnP GitHub Project for Responsive seattle.master via Alt CSS URL

Vesa Juvonen of Microsoft has created a GitHub project that demonstrates how to make the out of the box seattle.master user experience responsive without a need to modify the mater page as such, but...

View Article

Image may be NSFW.
Clik here to view.

Changing or removing the seemingly unchangeable options in SharePoint 2013...

If you get adventuresome in your SharePoint 2013 master page, you can add, edit and delete options from the Site Actions menu. It is a pretty handy thing to do, For example, do you miss the direct...

View Article

Image may be NSFW.
Clik here to view.

Switch out the SharePoint 2013 Site Actions gear icon for something more...

SharePoint 2013 switched from using the text “Site Actions” to showing a gear/cog/wagon wheel icon (I like gear so we will go with that for this post). That is all well and good until you need to...

View Article


Image may be NSFW.
Clik here to view.

SharePoint 2013 and the Disappearing Breadcrumb

Several changes were introduced in the SharePoint 2013 UI, one of which that caught the attention of a lot of folks was the removal of the breadcrumb. Through the years the SharePoint breadcrumb had...

View Article


Image may be NSFW.
Clik here to view.

Stack the SharePoint Suite Bar on top of Ribbon – SharePoint Online / Office 365

Just over a year ago I wrote a post about stacking the SharePoint 2013 Suite Bar on top of the Ribbon, thus collapsing down the needed real estate for the top area of your SharePoint site.  I was asked...

View Article

Image may be NSFW.
Clik here to view.

CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in...

That is a mouthful of a title but luckily this is a simple fix for an annoying bug in SharePoint 2013.  Between SharePoint 2010 and 2013, the DynamicHorizontalOffset and DynamicVerticalOffset...

View Article

Image may be NSFW.
Clik here to view.

Streamlined CSS editing: direct save from browser to SharePoint

I love love love live CSS editing. Any time I can cut out an app switch, save and reload, I am all over it. Using a mapped network drive and a browser, I can bypass SharePoint Designer and/or an...

View Article

Image may be NSFW.
Clik here to view.

Convert SharePoint 2013 Global Navigation Drop-down to Show Multiple Columns

This is a quick and simple trick to turn a long SharePoint global/top navigation drop down (a.k.a. fly-out) menu into an easier to read, two or more column display. All you need is a little CSS. The...

View Article


Image may be NSFW.
Clik here to view.

SPTechCon Austin February 2016 Branding with CSS Session Recap

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page? So much can be done with just CSS, the need for branding doesn’t mean a need for a custom master page.  In this SPTechCon...

View Article

Image may be NSFW.
Clik here to view.

Changing or removing the seemingly unchangeable options in SharePoint Online...

This is a follow-up post to one with an eerily similar title, Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions, and I am betting that you cracked the code for...

View Article


Image may be NSFW.
Clik here to view.

Add a Background Color to Quick Edit/Datasheet View in SharePoint 2013

I get this from time to time… “I have added a background color to my SharePoint site but when I go to quick edit or datasheet view in a list, the background color comes through.” It isn’t that the...

View Article

Image may be NSFW.
Clik here to view.

Duplicate SharePoint Top / Global Navigation as Separate Footer Navigation

Navigation is key with pretty much any web site and several sites today are choosing to duplicate their top bar navigation in a larger footer area at the bottom of each page. This technique can easily...

View Article


Image may be NSFW.
Clik here to view.

SPTechCon Boston June 2016 Branding with CSS Session Recap

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page? So much can be done with just CSS, the need for branding doesn’t mean a need for a custom master page.  In this SPTechCon...

View Article

Image may be NSFW.
Clik here to view.

SPTechCon Boston June 2016 Bootstrap Session Recap

“Bootstrap” Responsive SharePoint, the RIGHT Way Let’s face it, SharePoint isn’t very responsive.  However you can make it responsive using popular tools that all the cool kids are talking about.  An...

View Article

Image may be NSFW.
Clik here to view.

Branding Differences with Structured vs. Managed Navigation in SharePoint –...

Managed navigation was introduced in SharePoint 2013 and it swept in a new way to manage your site navigation. No longer did you have to use your site structure, but now you could pick and choose...

View Article
Browsing all 51 articles
Browse latest View live