Like Us
Plus One
Follow Us
Search
 Name Stefan Bauer  Blog n8design
 Location United States  Category SharePoint
 Articles 88  Views 44951

Articles from n8design

s
On the 11.11.2017 the first SharePoint Saturday will happen at the Microsoft Headquarters in Vienna. I’m pretty excited to announce that the registration is now open. To see the lineup and p...
Microsoft recently released the new Communication Site template. It is a great first look into a new way to publish web content in SharePoint only. Sadly some important features are missing yet in ...
In Office 365 there is a great mechanism that allows you to implement a corporate wide branding on the suite bar. The customer can apply their logo and their corporate colors there. On Monday I tho...
How to use Theme Colors in SPFX Web Parts      13-Jul-2017     89  
While Waldek Mastykarz and I were working on a new project, we ask ourselves what it needs to create the web part corresponding to the current site theme colors. After a small research, we found th...
TUGAIT – Workshop and Session next Week      11-May-2017     132  
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 h...
Handling CSS naming conventions in SPFX      30-Apr-2017     149  
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. I...
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 r...
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. Inste...
First Handlebars Web Part in SPFx      09-Mar-2017     200  
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 det...
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 SharePo...
Keep your SPFX and NPM Packages up-to-date      26-Feb-2017     252  
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....
Image Renditions available in Modern Team Sites      24-Feb-2017     228  
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...
SimpleStyle version 0.3 released – Yeoman      23-Feb-2017     227  
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 additiona...
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 i...
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 projec...
How to handle automatic CSS class renaming in SPFx      14-Dec-2016     339  
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 compile...
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 s...
How to version new SharePoint Framework projects      11-Oct-2016     384  
Project versioning as we used to know it was not a big challenge. Not as long as you only used Visual Studio. The thing is that assigning a proper version of your SharePoint Framework project is mo...
Script your SharePoint Framework project updates      17-Sep-2016     336  
With every new drop of the SharePoint Framework it seems that always the same procedure needs to be executed to update existing projects. Luckily npm is capable of scripting. To be able to execute...
When you are working with SPFX and you start it with gulp serve, it takes some time to start. During this startup many things happen but there are not clear indication if SPFx is working or what it...
This was actually the first question I asked after the new framework has been released. Since then there has been an ongoing discussion on that issue. When you created a new project using a yeoman ...
Remove empty dlls from Sandbox Solutions      12-Aug-2016     309  
On July 29 Microsoft announced that they will completely remove of code-base sandboxed solution support in Office 365. The main problem is that many of those SharePoint solutions just deploy XML ba...
Not so fast… As announced at the May the 4th event there are a lot of new technologies that come to SharePoint and you can pick your personal flavored framework to enhance the SharePoint. Som...
While I was looking at the new SharePoint site content page I asked myself if more can be found that gives an indication of the upcoming framework and future improvements. First, I took a look at t...
A bash on Windows and the new SharePoint Framework      30-May-2016     278  
You might have heard the Unix Bash Shell is now coming to Windows. To be more specific a whole Linux sub system based on the Ubuntu distribution comes to Windows. This addition to Windows was anno...
SharePoint Saturday Stockholm – What an event!      25-May-2016     275  
Last weekend I had the great opportunity to speak at the SharePoint Saturday Stockholm for the very first time. This event is really great because I already attended the last two events too, and it...
We are currently at the dawn of a new age in web development. Future web developments will be based on components not on frameworks anymore. While the browser support for web components lacks in Mi...
I started web development in 1997 with some basic HTML pages and Style Sheets. Shortly after I installed my first Apache Web Server, PHP and MySql on my PC. Soon after I fell in love with the web a...
Let’s take a look in the future of web development and the upcoming new web standard called web components. In the future everybody can introduce, enhance the document object model through cu...
With the new release of SharePoint 2016 on-premises server the Project Server is directly included in the installation. Project Server still requires a separate license but separate installation an...
In the final part of this series I like to take a look on scenarios, how to use Office UI Fabric efficiently. As mentioned in part two using pure Office UI Fabric might can be a bit difficult somet...
Last week the great opportunity to record a pattern and practices web cast together with Vesa Juvonen and Waldek Mastykarz on our Office Quick Contact Sample. Check out the official announcement po...
In the first part of this series I showed why Office UI Fabric might not be suitable for every of your projects. Now I like to dig a little bit deeper into the architecture and ideas behind Office...
I’m pretty exited to announce that the program of this European SharePoint Conference is now available. I was asked to be part of European SharePoint Conference team and I joined as program c...
Why not use Office UI Fabric? – Part 1      19-Apr-2016     381  
This question Waldek and I had to answer a couple times after the Mobile Quick Contact PnP sample has been released. There are several good reasons to use Office UI Fabric but there are also some s...
Recently Waldek Mastykarz (@waldekm) and I developed a sample for the Office Pattern and Practices. This sample query contact information by using the Microsoft Graph. We also optimism the user int...
MVP Award Email Yesterday was a great day. I got my first MVP Award on Office Development. I would like to thank all supporters in the European and international SharePoint and Office 365 Community...
It’s easter and let’s hide a small easter egg in SharePoint that will enhance the user experience a little bit. Microinteractions are small interactions or animations to give a visual f...
Today I had the great pleasure to record a webinar for SharePoint Europe. Actually, it was not a new session, it more hat the purpose to show people how I develop now in SharePoint. Especially how ...
Image original from Peter Capaldi News This week I had the honor to present three sessions at the German SharePoint Conference in Erding. It was the first time that I ever had three sessions at jus...
Last June all default yeoman webapp generator got a new web server component named browsersync.io. While the web server component of those generators used components such as connect, ‘gulp-we...
Recently I had and issue with browser-sync on Windows. The problem came from node-gyp, a cross platform compiler that is integrated in Node.js. Exactly this module of Node.js was throwing an error ...
Freeze columns in Office UI Fabric table component      29-Jan-2016     471  
In the last blog post on how to use the Office UI Fabric table and showed how making the table responsive too. This time I like to show what can be done to make the checkboxes fixed in its position...
How to handle table component of Office UI Fabric      25-Jan-2016     549  
In fact the source code of the table component of Office UI Fabric looks a bit weird because it is currently built with <div> elements instead of HTML table elements. The intention behind s...
When it comes to responsive web design and tables some people might get a panic. In general there is nothing bad about tables. Just treat them right. This time I like to show how to make list forms...
Last week I played a little bit with node.js, gulp and Office UI Fabric. When I tried to install this UI Framework through bower.io i wanted to inject this bower components directly into my source ...
Have you ever tried to add a caption to an image inside the SharePoint rich text editor? In this case you might end up editing the source code of the editor. Before you touch the source code of you...
Today I decided to publish my table of contents script on github. There it will be much easier to handle all the issues and gives the global SharePoint community the possibilities to contribute to ...
The not so responsive new Office 365 suite bar      18-Nov-2015     543  
Many people recently discovered a new enhancement in Office 365 and especially SharePoint. The suite bar is now responsive if “First Release” option on your tenant is activated. The fir...
Microsoft has recently “removed” or at least don’t maintain the Office 365 icon font on their CDN. The location of the icon font has recently fundamentally changed.   A possi...
It seems like the default media player is not the right tool for responsive design scenarios. This player might could be replaced with a custom one, but this custom one might might not integrate pe...
As mentioned in the previous blog posts I use Yeoman and the default web app generator to get my branding for on premises and Office 365 done. While in the past I struggled to configure HTTPS I had...
Two additional events I am speaking in autumn Well. At the beginning of this year I am not expecting so many speaking engagements this year. In addition to the European SharePoint conference that t...
Pure CSS Burger Menu      10-Aug-2015     662  
It is summer here in Vienna and nothing tastes better than a home made burger in the evening. The recipe for a burger is pretty simple. Put some self made patty on the grill. Wait a couple of minut...
Re-design inline styles or how to deal with them      17-Jul-2015     488  
You might know it is not best practice to have inline styles, but there are still parts of SharePoint which adds additional style related things via javascript and inline styles. With a little tric...
Apply grid system to SharePoint using SUSY      15-Jul-2015     890  
As promised in my latest blog post I like to show how it is possible to add a grid system to SharePoint without using Bootstrap or edit the master page. Grid systems for web sites were popular long...
Pretty honored to announce that I will speak at Europe’s largest SharePoint and office 365 event in Stockholm Sweden from 9th-12th November 2015. I will be conducting a session on “Make SharePoint ...
What is inside your SharePoint CSS      06-Jul-2015     532  
What is inside the SharePoint CSS Ever wondered what is defined in the corev15.css? Let’s take a little look to some statistics of this style sheet. Another thing I like to consider how you change ...
Recently I added the code of my blog post on “How to deploy binary files from SharePoint hosted App” to the Office 365 Pattern and Practices repository. During the monthly community cal...
Recently the user interface to create site collections in SharePoint Online have been updated. The storage quota unit is now gigabytes instead of megabytes. So be careful not to set a storage quota...
Enhance suite bar for your responsive experience      10-May-2015     641  
Over the last year I did more branding projects on Office 365 than on on-premise. Since the first call by Microsoft to avoid modifications of the master page I played around with certain scenarios ...
If you like to create a responsive user experience it is common practice to add a <meta name=”viewport”> tag to the html. This tag contains instructions to the browser in the ma...
In the first blog post I explained how to set up your Yeoman development environment. You have now a local web server and you can start your web development. Now lets take a closer look how you can...
How I develop in SharePoint and Office 365 now      26-Apr-2015     599  
In my session at the SPS Antwerp I showed the attendees how my personal branding workflow evolved over the past two years. For the demos all I needed was my web browser and Yeoman.IO. I presented a...
SPS Antwerp – On week later      25-Apr-2015     670  
Last Saturday I had the great opportunity to speak at the SharePoint Point Saturday Belgium in Antwerp. It was my first public speaking, I ever did. First, I like to thank the whole SPS Belgium tea...
A couple of weeks I was contacted via twitter about my blog post that shows how to bind JSLink override to certain web parts only. Jared Matfess (@jaredmatfess) tried my script and recognized that ...
During the last years I’ve intensively used web fonts. Since I published the first blog post on how you use web fonts in SharePoint 2010. While I just downloaded the web fonts and used the CSS that...
Speaking at SPS Belgium in Antwerp and more      09-Mar-2015     568  
I’m pretty honored to announce that I was selected as a speaker at the SharePoint Saturday Belgium. This event will take place in Antwerp on April 18th. My session is about SASS and how it fits int...
SharePoint hosted Apps are limited to, use JavaScript or Jquery only. In some cases you like to copy a file directly from a SharePoint hosted app to the host web. This works as long as the file is ...
Office 365 Icon font documentation      01-Feb-2015     1465  
I’m not quite sure when it happened. During the last twosome of months, Microsoft provides some icon fonts in Office 365.Especially the newly introduced app launcher makes use of icons of thi...
2015 – A look back and a new beginning      11-Jan-2015     463  
Looking back to the old year I must say it was the most challenging year in my life so far. There were great times and there were bad times. Before I can provide an outlook for the new year. Let...
Handling field values in JSLink      07-Jan-2015     749  
In this blog post I try to cover all the aspects around field values used in JSLink overrides. I recognised while working on the blog post “Bind JSLink overrides to certain web parts only” that som...
Bind JSLink overrides to certain web parts only      29-Dec-2014     1520  
JSLink can only be registered on certain list templates. This works well as long as only one web part on a page will be shown. If you added multiple list views of the same list template the templat...
This is not a tutorial how to customize the master page in Office 365. Microsoft doesn’t recommend to create your own master page because they will constantly evolve the user interface and th...
How to use: Table of Content – jQuery Plugin      30-Nov-2014     510  
After I’ve published the revised version of my table of contents script I got many request on “How to use” it. You asked for it and here it is the guide how to embed the script. I won’t provi...
The last weeks was really inspiring and I found some great resources. Time to honor those and some older ones with this blog post. Eloquent Javascript Eloquent Javascript is a free ebook for learni...
When you migrate SharePoint 2010 to SharePoint 2013 or to Office 365 some of the views that was created in the previous version might look the same. The user will get a mixed user experience becaus...
To hide the tool part of a web part is pretty easy. You just need to edit the settings and set them to “No Toolbar” and you are done. Today I needed to do this programmatically. After I debugged th...
Use Scalable Vector Graphic as Site Logo      17-Oct-2014     544  
Recently I have tried to use more and more SVG in web projects, because they are more flexible to use in responsive web projects. The most common file formats that are used in SharePoint as a site ...
Site logo inheritance on sub webs      11-Oct-2014     624  
Be careful when you change the title or the description in SharePoint you might set a logo url. Even if you don’t need to set one. Recently I found a strange behaviour in SharePoint during a ...
Imagine you have a team site that provides curated information. Only a few people are allowed to update the content. The rest of the people only have view permission. To spread the word you like to...
Revised: Table of Contents for SharePoint Wiki Pages      15-Sep-2014     1560  
jQuery plugin to create table of contents for wiki pages in SharePoint. This new version supports all versions of SharePoint and Office 365....
Display templates can only be stored in several places of SharePoint to get loaded. I was wondering if I will be able to inject this mechanism or if I will be able to provide a display template dir...
The first thing when I start a new branding project I first make myself familiar with the fonts I want to use. This is because I want to see how they work on some basic text elements an if the text...
The future of SharePoint Branding      29-May-2014     585  
What are the challenges we are facing in the future and how can we address a consistent user experience throughout SharePoint, Apps and Office. I think we should find new ways to establish a solid ...
Mark Anderson published today an article on his blog concerning an issue that currently exists in Office 365 and is called “Office 365 Update Changes ‘Display Name’ on Required Fields”. In this art...
Recently, while I was working on a solution that works with attachments of list items, I accidentally discovered a faster way to add attachments to a list item. This option is hidden in the ribbon ...
One big prejudice is that SharePoint is not capable to produce clean HTML output via the rich text editor. This was somewhat true with the previous versions of SharePoint. In SharePoint 2013 this h...