Category Archives: Front-end Code Development

Create code solutions for meeting web site requirements and needs.

SharePoint 2013 Functional CSS Selectors

One approach to writing CSS is to use functional CSS, which are selectors (classes) with a singular purpose.  For example, let’s say you need a given item on your web page to be absolute positioned, have a purple background and an enlarged font size. Instead of putting three declarations in a single CSS style statement, you would split up the declarations across three generic CSS style statements and specify three classes for the HTML element. It is a different yet effective way to do things. SharePoint 2013 actually has several functional CSS classes already baked in their CSS files and ready for your use.  Continue reading SharePoint 2013 Functional CSS Selectors

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 external code editor and write CSS straight to the SharePoint content database. Woot! Continue reading Streamlined CSS editing: direct save from browser to SharePoint

CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in SharePoint 2013 AspMenu Control

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 properties in the AspMenu control became useless because of how the drop down menus are styled in CSS by SharePoint.  You can set these properties all day long and nothing comes of it.  So abandon that and just use the following CSS fix. Continue reading CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in SharePoint 2013 AspMenu Control

The Only Web Site You Should Have on Speed Dial

Speed dial? This is the web and yes I know that. But this web site is so helpful that it needs to be more than a bookmark buried among others. It deserves something better than a save in Pocket, a sync across multiple devices, a share in Delicious or an annotation in Diigo. This site deserves old school treatment and the web equivalent to speed dial, create a shortcut on your desktop. Continue reading The Only Web Site You Should Have on Speed Dial

Part 2: “CSS scares me!” – Implement Custom CSS in SharePoint Master Pages

As a follow up to the previous post, “CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint, this second part is going to cover how to add a CSS file reference to your SharePoint master page.  Continue reading Part 2: “CSS scares me!” – Implement Custom CSS in SharePoint Master Pages

“CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint

Be it clowns, creepy movies, dark basements with a single dingy light bulb or the next presidential candidate, we all have our fears. What I don’t want anyone to be afraid of is adding some custom CSS to their SharePoint site. With the push to not use custom master pages in SharePoint Online / Office 365, more and more people are looking for alternatives on how to pull off small tweaks (and even big ones) in their SharePoint site user interface that doesn’t involve custom master pages. Continue reading “CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint

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 met some interesting treatments, but in 2013 it had simply just disappeared.

Truth be told, the breadcrumb is still there, just hidden away in the master page. With a quick master page edit you can get breadcrumb back into SharePoint – but that is when the real fun begins as the SharePoint breadcrumb comes in many flavors. Continue reading SharePoint 2013 and the Disappearing Breadcrumb

Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions

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 access to Site Permissions that SharePoint 2010 provided? It is an easy thing to add with a master page modification.  But there are four Site Action menu items that stubbornly stick around and are seemingly unchangeable. However with a little CSS we can do what we please.  Continue reading Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions

Effective Use of the EditModePanel in SharePoint Page Layouts with Complex Designs

One of the hidden gems in SharePoint is the EditModePanel. This control can be used in a multitude of ways, including altering your page layout to better suit the page in edit mode when you have a restricted width or more complex design. Continue reading Effective Use of the EditModePanel in SharePoint Page Layouts with Complex Designs

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 rather to take advantage of the AlternateCssUrl property in Web level.

Check out the GitHub project: OfficeDev/PnP

This project uses the CSS provided in my Making seattle.master Responsive blog post.