Clik here to view.
Simple Web Part :before :after example
I made this little fun :before :after CSS example for SharePoint 2013 Web Parts. Have fun branding your SharePoint solutions! /*Web Part Styling*/ #DeltaPlaceHolderMain...
View ArticleClik here to view.
SharePoint 2013 Fun Underground bodyContainer :after
/*bodyContainer*/ #s4-bodyContainer:after { background:url(‘footer.png’) bottom center; content: ” “; display: block; position: relative; height: 167px; } #s4-bodyContainer {...
View ArticleClik here to view.
SharePoint 2013 Responsive MPB Bootstrap
Last couple of weeks I worked on building a large intranet solution at a big supermarket chain in the Netherlands. One challenging client requirement, EVERYTHING HAS TO BE RESPONSIVE! After some...
View ArticleClik here to view.
SharePoint 2013 REST jQuery Slideshow
After the SharePoint 2010 Slideshow I searched for a better solution for SharePoint 2013. I found a lot of Slideshow solutions still using SOAP calls. The better solution in this case (see announcement...
View ArticleClik here to view.
Query Rules and Branding Search
A cool new SharePoint 2013 feature is the Search Query Rule where you can build statements that allow you to conditionally promote important results and show blocks of additional results. In this post...
View ArticleSharePoint Branding Trick Not Affecting OOTB Dialogs
Use this prefix for elements you want to style without affecting the SharePoint OOTB dialog elements. html:not(.ms-dialog) {} Example: To change the background of the #s4-workspace use...
View ArticleClik here to view.
HTML5 Tag not working in Internet Explorer
While working on a SharePoint 2013 branding job we noticed the layout of some pages was off only in Internet Explorer (10 and 11). We used various new HTML5 semantic elements like main, section and...
View ArticleClik here to view.
SharePoint 2013 hide "Site Contents" in Quick Launch
This is actually rather easy using the title attribute selector:#sideNavBox .ms-core-listMenu-item[title=”Site Contents”] { display: none; } Or even target all elements with the matching href in the...
View ArticleSuper Simple Responsive Grid
Many times I see developers or functional consultants struggle with grid layouts in SharePoint. Often times this results in the use of fast libraries like Bootstrap or Foundation. You don’t want to...
View ArticleClik here to view.
SharePoint Custom Top Navigation Menu
A lot of customers want a SharePoint global site navigation without to much effort. One way to achieve this is using the REST _api to get the navigation items from Site Settings > Navigation...
View Article