CSS3, HTML, HTML5, Programming, SharePoint, Web Development

SharePoint 2016: Making the Quick Launch Bar Dynamic and Styling the Menu Items

Fly-out Menu
Fly-out Menu
The default look of the stock left hand side menu (also called the Quick Launch menu bar) that comes with SharePoint is really basic and is meant for you to style. The default behavior is to show a 2-level deep menu containing ‘Headings’ and indented ‘Navigation Links’. This hierarchy is static and is shown to the users as entirely expanded, which can take up a lot of screen real-estate.

Continue reading “SharePoint 2016: Making the Quick Launch Bar Dynamic and Styling the Menu Items”

Advertisements
CSS3, HTML, HTML5, SharePoint, Software, Web Development

SharePoint 2016: Granular Control Over Which Top Menu Options Appear

SP_Custom_Menu
SP_Custom_Menu

In the out of the box installation of SharePoint 2016 there are three options for users to click in the leftmost settings area of the top menu bar. These are: access Yammer online, OneDrive, and access each user’s personal site in SharePoint. In this article I will describe how to individually show or hide each one using simple CSS styling in your site’s master page. Continue reading “SharePoint 2016: Granular Control Over Which Top Menu Options Appear”

CSS3, HTML, HTML5, Programming, Web Development

CSS Examples of Two Ways to Position a Button at the Top Right of a Table

Top Right Positioning
Top Right Positioning

A cool effect you can do with CSS/HTML is to position a button (or any element really) at the top right hand side of a table. For example you could use this to refresh the contents of the table when the button is clicked. It’s intuitive to the user and is a subtle way to add functionality that is only apparent when it is needed. Continue reading “CSS Examples of Two Ways to Position a Button at the Top Right of a Table”