Stefan Bauer Profile
   

Blog Title Stefan Bauer ? n8d
Blog Description Office 365, SharePoint, Web Development & Design
Blog URL http://www.n8d.at/blog
RSS Feed http://feeds.feedburner.com/n8d
Validate Feed Validate this feed: feedvalidator.org or validator.w3.org
Feed Last Checked Apr 24, 2016 5:23:33 PM EST.
Realtime Update
Landed Here Mar 25, 2014
Location Vienna, Austria
Posts: # / 1st / Latest 85 - Jan 01, 1970 - May 11, 2017
TUGAIT – Workshop and Session next Week
Stefan Bauer
I’m looking forward to next weeks TUGA IT conference in Portugal. I’m pretty honoured and excited and it will be the first time I visit Portugal at all. During this conference, I will hold a full day branding workshop gives you an insight into modern web design and development covering the following topics. !important things in CSS/SASS for SharePoint and SPFx This update gives you a skill upgrade to the latest methods in web development and learns how you can benefit from using SA [read].
Posted: Thu, May 11th '17
Handling CSS naming conventions in SPFX
Stefan Bauer
The new SharePoint Framework has a smart way to avoid conflicting CSS definitions. Therefore all style sheet classes will be post-fixed with a unique random string and converted to a JSON object. In your web part code, you can use the same class name as you used in your style sheets and the variable will be automatically replaced with the random class name string. So far the good parts of the SharePoint Framework. In practice, this has some limitations and challenges. CSS naming conventions Fr [read].
Posted: Sun, Apr 30th '17
Alternative to innerHTML in SharePoint Framework web parts
Stefan Bauer
When you create a new project without any framework, the default web part content in the code will be added through innerHTML. Technically there is nothing wrong with this approach, but you might run into a problem when you add more content to the web part afterward using the same method. In this case, the previously added content will be overwritten. To avoid this behavior, you can use jQuery and the ‘append‘ or ‘prepend‘ methods to add your content. It works well but [read].
Posted: Tue, Apr 11th '17
How to run SharePoint Pattern and Practices Samples through Docker
Stefan Bauer
I planned to write a blog post how to run the SharePoint Framework Workbench in a Docker container on Azure. After I found out this is currently not possible I switched the scope of my trial. Instead, I tried to create Docker container dynamically for projects based on SPFx. There are two key takeaways explained in this post. You will learn how to build your Docker file specific for your upcoming projects, and you get to know how you can demo and try out all SPFx Pattern and Practices samples [read].
Posted: Sun, Mar 19th '17
First Handlebars Web Part in SPFx
Stefan Bauer
My last blog post focused on the general installation and configuration of Handlebars together with SPFx. I haven’t explained much on the code I used. Now it’s time to go more into detail how to deal with Handlebar templates and the overall code of the web part. Location of templates in project As I mentioned in a previous blog post, I like to separate the web part code from reusable components. Therefore I create a ‘templates’ folder in the ‘src’ directory. [read].
Posted: Wed, Mar 8th '17
How to use Handlebars in SharePoint Framework Projects – SPFX
Stefan Bauer
I believe one on the most used front end tools in the web development world is out there is Moustache or Handlebars. It is easy to use; you can write native HTML and compelling too. In the SharePoint world, many web parts directly show data on the page, and therefore this is the right weapon of choice to get fast going. Right after the first version of SPFx become public available, I created a ticket in GitHub on how to use this front end tool. With the RC0 drop of the framework, a new functio [read].
Posted: Mon, Mar 6th '17
Keep your SPFX and NPM Packages up-to-date
Stefan Bauer
Now the SharePoint Framework has become general available I expect that it requires only to update only the npm packages mostly. A simple upgrade of the installed packages will be enough in future. During the beta phase you add to do manual step in addition to upgrade your project to the latest drop. In an previous blog post I wrote on how to update from one drop to another with a single npm installation statement. On my other NodeJS related projects I use another approach to keep my packages u [read].
Posted: Sun, Feb 26th '17
Image Renditions available in Modern Team Sites
Stefan Bauer
Yes, you read correctly. The modern team sites got image renditions or at least predefined image formats that will be used by the responsive experience of modern team sites. Back in the past image renditions was exclusively available in publishing sites only. Well, you were able to use them in team sites too, but the publishing features had to be enabled at site collection level. In addition, classic image renditions might cause negative performance impacts. This was first spotted and documente [read].
Posted: Thu, Feb 23rd '17
SimpleStyle version 0.3 released – Yeoman
Stefan Bauer
It’s been a while since the first release of the SimpleStyle yeoman generator. In the mean time some smaller releases happened and things have been patched up. Recently I made some additional enhancements that now lead to the release of version 0.3 available now to install. The following improvements have been made. File handling on Windows While I tried hard to support Windows too, there were some glitches with the file handling on windows. While all other systems add forward slashes t [read].
Posted: Thu, Feb 23rd '17
Remove “Read more” from SharePoint Forms through CSS
Stefan Bauer
While working on a responsive design project based on SharePoint 2016. I discovered a nice workaround how to remove the “Read more” tag. Since SharePoint 2013 the collapsed task form is an issue to many customers. It hides by default some important fields of a task and the extra click you have to do is not that nice at all. Task form setup intended by Microsoft. Task Form Setup First, I like to show you the basic HTML Setup for the task form is. This makes it easier to see how the C [read].
Posted: Mon, Feb 13th '17
Yo SimpleStyle – First release of my yeoman generator is now available
Stefan Bauer
Last year I released a style guide generator for your SharePoint and Office 365 development. This year I proudly present a yeoman generator that helps you to get started faster on your next project. There is no need to clone the old repository anymore. Simply create a new project as needed based on this template engine. To be honest the old version of the Simple Style Guide is currently outdated and shouldn’t be used anymore. Under the hood One thing that concerned me with the old versi [read].
Posted: Tue, Jan 10th '17
How to handle automatic CSS class renaming in SPFx
Stefan Bauer
The new SharePoint Framework has a safety net when you develop and style your components. Whenever you write a new style sheet class this will be picked up by a SASS preprocessor that first compiles the SASS file and then applies a special random string to the class name. This should theoretically avoid that two web parts have conflicting style sheet classes. If one web part uses the style sheet class ‘item’ and another web part uses the same class name. The last web part embedded o [read].
Posted: Wed, Dec 14th '16
SPFX Sample – Drag and Drop elements between web parts
Stefan Bauer
The SharePoint framework improved a lot during the last drops. I thought to myself what fancy sample can I build using the framework. During the Hackathon at the European SharePoint Conference we saw a lot of great uses of this new framework. One team was even able to add a framework web part to SharePoint 2007. Actually, last weekend I came up with an idea. It was more a proof of concept I would like to try. I asked myself the question. Will I be able to drag and drop data between two individu [read].
Posted: Thu, Dec 8th '16
How to version new SharePoint Framework projects
Stefan Bauer
[read].
Posted: Tue, Oct 11th '16
Script your SharePoint Framework project updates
Stefan Bauer
[read].
Posted: Fri, Sep 16th '16
Lift the curtains on SPFX and improve your debugging
Stefan Bauer
[read].
Posted: Fri, Sep 16th '16
Use custom gulp tasks in the new SharePoint Framework
Stefan Bauer
[read].
Posted: Mon, Sep 5th '16
Remove empty dlls from Sandbox Solutions
Stefan Bauer
[read].
Posted: Fri, Aug 12th '16
The new document library in SharePoint is built with…
Stefan Bauer
[read].
Posted: Wed, Jul 13th '16
First new SharePoint Framework web parts arrived on Office 365
Stefan Bauer
[read].
Posted: Wed, Jun 15th '16
A bash on Windows and the new SharePoint Framework
Stefan Bauer
[read].
Posted: Mon, May 30th '16
SharePoint Saturday Stockholm – What an event!
Stefan Bauer
[read].
Posted: Wed, May 25th '16
Style Guide generator for SharePoint and Office 365 Development released
Stefan Bauer
[read].
Posted: Mon, May 16th '16
Web stack development – A 19 year old love – Office PNP Webcast
Stefan Bauer
[read].
Posted: Thu, May 12th '16
Web Components: A look into the future of web development and maybe SharePoint
Stefan Bauer
[read].
Posted: Wed, May 11th '16
Project Server 2016 available in SharePoint 2016 Enterprise
Stefan Bauer
[read].
Posted: Tue, May 10th '16
Scenarios and solutions to use Office UI Fabric – Part 3
Stefan Bauer
[read].
Posted: Thu, May 5th '16
PNP Web Cast on Office Quick Contact Sample is now live
Stefan Bauer
[read].
Posted: Mon, Apr 25th '16
An architectural view on Office UI Fabric – Part 2
Stefan Bauer
[read].
Posted: Sat, Apr 23rd '16
European SharePoint Conference 2016 Program announced
Stefan Bauer
[read].
Posted: Thu, Apr 21st '16
Why not use Office UI Fabric? – Part 1
Stefan Bauer
[read].
Posted: Mon, Apr 18th '16
The Design of Office Quick Contacts (Office PNP Sample)
Stefan Bauer
[read].
Posted: Tue, Apr 12th '16
Honoured and proud – I received my first MVP Award
Stefan Bauer
[read].
Posted: Sat, Apr 2nd '16
Microinteractions – How to hide an UX Easter Egg in SharePoint
Stefan Bauer
[read].
Posted: Sat, Mar 26th '16
Make SharePoint SASSy – Webinar recording now online
Stefan Bauer
[read].
Posted: Thu, Mar 10th '16
3 presentations on great SharePoint Conference in Erding
Stefan Bauer
[read].
Posted: Fri, Mar 4th '16
Speed up development in ?Yo Office? through browser-sync
Stefan Bauer
[read].
Posted: Mon, Feb 8th '16
Browser-sync and node-gyp need some Vitamin C to run on Windows
Stefan Bauer
[read].
Posted: Sat, Jan 30th '16
Freeze columns in Office UI Fabric table component
Stefan Bauer
[read].
Posted: Fri, Jan 29th '16
How to handle table component of Office UI Fabric
Stefan Bauer
[read].
Posted: Mon, Jan 25th '16
Responsive List Forms – Don’t panic it’s just a table
Stefan Bauer
[read].
Posted: Tue, Jan 19th '16
Office UI Fabric is now fully supported for use with bower.io
Stefan Bauer
[read].
Posted: Fri, Jan 15th '16
Add image with caption to SharePoint rich text editor
Stefan Bauer
[read].
Posted: Wed, Dec 2nd '15
SharePoint – Table of Contents jQuery plugin – Now available on github
Stefan Bauer
[read].
Posted: Fri, Nov 20th '15
The not so responsive new Office 365 suite bar
Stefan Bauer
[read].
Posted: Wed, Nov 18th '15
Update on the Office 356 icon font and SharePoint 2016
Stefan Bauer
[read].
Posted: Sat, Nov 7th '15
Responsive video – Enhance SharePoint default player
Stefan Bauer
[read].
Posted: Tue, Oct 27th '15
Configure yeoman web app generator to use HTTPS instead of HTTP
Stefan Bauer
[read].
Posted: Fri, Oct 2nd '15
Busy traveling – I will speaking at two additional events in autumn
Stefan Bauer
[read].
Posted: Thu, Aug 13th '15
Pure CSS Burger Menu
Stefan Bauer
[read].
Posted: Mon, Aug 10th '15
Re-design inline styles or how to deal with them
Stefan Bauer
[read].
Posted: Fri, Jul 17th '15
Apply grid system to SharePoint using SUSY
Stefan Bauer
[read].
Posted: Wed, Jul 15th '15
I’m speaking at the European SharePoint Conference 2015
Stefan Bauer
[read].
Posted: Mon, Jul 13th '15
What is inside your SharePoint CSS
Stefan Bauer
[read].
Posted: Mon, Jul 6th '15
My latest addition to Office 365 pattern and practices – Community Call June 2015
Stefan Bauer
[read].
Posted: Sat, Jun 13th '15
Storage Quota Update on SharePoint Online – Minimum 1GB
Stefan Bauer
[read].
Posted: Sat, May 23rd '15
Enhance suite bar for your responsive experience
Stefan Bauer
[read].
Posted: Sun, May 10th '15
How to add viewport meta without editing the master page
Stefan Bauer
[read].
Posted: Sat, May 2nd '15
How to use CSS and JavaScript files from Yeoman directly in SharePoint
Stefan Bauer
[read].
Posted: Thu, Apr 30th '15
How I develop in SharePoint and Office 365 now
Stefan Bauer
[read].
Posted: Sun, Apr 26th '15
SPS Antwerp – On week later
Stefan Bauer
[read].
Posted: Sat, Apr 25th '15
JSLink footer overwrite breaks pagination of web parts
Stefan Bauer
[read].
Posted: Sun, Apr 5th '15
Things you should know about web fonts and font packages
Stefan Bauer
[read].
Posted: Thu, Apr 2nd '15
Speaking at SPS Belgium in Antwerp and more
Stefan Bauer
[read].
Posted: Mon, Mar 9th '15
Deploy binary files from SharePoint Hosted App to Host Web
Stefan Bauer
[read].
Posted: Sun, Mar 1st '15
Office 365 Icon font documentation
Stefan Bauer
[read].
Posted: Sun, Feb 1st '15
2015 – A look back and a new beginning
Stefan Bauer
[read].
Posted: Sun, Jan 11th '15
Handling field values in JSLink
Stefan Bauer
[read].
Posted: Wed, Jan 7th '15
Bind JSLink overrides to certain web parts only
Stefan Bauer
[read].
Posted: Mon, Dec 29th '14
Case study how to use same master page in Office 365 and on-premise
Stefan Bauer
[read].
Posted: Thu, Dec 4th '14
How to use: Table of Content – jQuery Plugin
Stefan Bauer
[read].
Posted: Sun, Nov 30th '14
5 resources for web and one for SharePoint developer
Stefan Bauer
[read].
Posted: Mon, Nov 3rd '14
Client Side Rendering – In-place upgrade of SharePoint list views
Stefan Bauer
[read].
Posted: Mon, Oct 27th '14
Hide toolbar / hero button in list view web part using JSLink
Stefan Bauer
[read].
Posted: Fri, Oct 24th '14
Use Scalable Vector Graphic as Site Logo
Stefan Bauer
[read].
Posted: Fri, Oct 17th '14
Site logo inheritance on sub webs
Stefan Bauer
[read].
Posted: Sat, Oct 11th '14
Allow users with view permission add entries to the Newsfeed
Stefan Bauer
[read].
Posted: Wed, Oct 1st '14
Revised: Table of Contents for SharePoint Wiki Pages
Stefan Bauer
[read].
Posted: Mon, Sep 15th '14
Load Display Templates from Provider Hosted App or remote website
Stefan Bauer
[read].
Posted: Thu, Jun 12th '14
Typography First – Make your SharePoint content readable and compelling
Stefan Bauer
[read].
Posted: Fri, Jun 6th '14
The future of SharePoint Branding
Stefan Bauer
[read].
Posted: Thu, May 29th '14
Safer request form fields in list forms using JQuery
Stefan Bauer
[read].
Posted: Thu, Jan 23rd '14
Tips & Tricks: Add attachments to list items faster
Stefan Bauer
[read].
Posted: Wed, Jan 22nd '14
Optimise HTML Output of the Rich Text Editor – “-ms-Element” explained
Stefan Bauer
[read].
Posted: Sun, Jan 12th '14
Bulk update SharePoint User Profiles in Office 365
Stefan Bauer
[read].
Posted: Sun, Jan 5th '14



Blogs
Francois Souyri
Rajesh Sitaraman
Tahir Naveed
IT Unity
SPCAF Blog
Karsten Pohnke
Elio Struyf
Christian Azcn
Melinda Morales
Dipti Chhatrapati

Torsion Blog
Jose Quinto
Beezy Blog
Prashanth Padebettu
Mark Roden
Curtis Hughes
Share Your Point!
techChirag
The Emgage Blog
Tracy van der Schyff
Jin Kang
Gregory Zelfond
Arild Aarnes
Owen Allen
Paul Andrew
Daniel Antion
William Baer
Matthew Bailey
Enrique Alberto Rhenals Brcenas
Jose Barreto
Stefan Bauer
Paul Beck
Becky Bertram
Urs Bertschy
Simon Binaryjam
Nicki Borell
Chris Bortlik
Hans Brender
Broculos
Nikander & Margriet Bruggeman
Christian Buckley
Eric Burger
Vlad Catrinescu
Liam Cleary
Collaboris
Renaud Comte
Andrew Connell
Claude Couderc
Paul Culmsee
Thomas Daly
Thomas Duff
Cameron Dwyer
Jim Ehrenberg
K.Mohamed Faizal
Toni Frankola
Sebastian Gerling
Stefan Gossner
Michael Greth
Michael Greth
Mike Hacker
Spencer Harbar
Roger Haueter
René Hézser
Ragnar Heil
Tim Heuer
Ed Hild
Patrick Ige
Khurram Jamshed
Barry Jinks
Jeff Jones
Adis Jugo
Miles Kan
Ingo Karstein
Noorez Khamis
Usama Wahab Khan
Todd Klindt
Mark Kruger
Andre Lage
Paul Liebrand
Bas Lijten
Locatech
Ricardo Magalh
Sahil Malik
Giuseppe Marchi
Waldek Mastykarz
Paul Mather
Seb Matthews
Paul Matthews
Ali Mazaheri
Matthew McDermott
Chris McNulty
Ian Morish
Gayathri Narayanan
Wendy Neal
Thuan Nguyen
Damien
Robert Nowak
Chris O'Brien
Office Blogs
Joel Oleson
One Minute Office Magic
Jasper Oosterveld
Doug Ortiz
Mike Oryszak
Matt Overton
Veronique Palmer
Paul Papanek Stork
Alex Pearce
Yaroslav Pentsarskyy
Pieter Pieter
Adam Preston
Khurram Punjwani
Chris Quick
Ashok Raja
Dux Raymond
Tom Resing
Ricardo Wilkins
Keith Richie
Laura Rogers
Corey Roth
Paul Schaeflein
Trevor Seward
Sharepoint Solutions
Raju Sivarajan
Mike Smith
T3chNicaL.LEad
Marwan Tarek
Jeremy Thake
Dan Usher
Serge van den Oever
Doug Ware
Wictor Wilen
Wolfgang Miedl
Mario Zagreb
Tobias Zimmer





About - Blog Submission - FAQ