#OpenToWork Available for new opportunities! Let's build something amazing together.
Get in touchVersion 1.11.0 of the SharePoint Framework React Controls (@pnp/spfx-controls-react) has been released. This is an open source library that shares a set of reusable React controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: New control(s) Map: Newly introduced map control is available #14 ChartControl: Newly introduced control to render charts #15 Enhancements
Read moreA few weeks ago, I wrote about how you can use Puppeteer in combination with Jest to perform automated UI tests for your SharePoint solutions. In that article, you still had to run your tests manually start the tests. In this article, I will explain how you can automate this in Azure DevOps so that it can run on a schedule.
Read moreVersion 1.13.1 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Fixes PropertyFieldCollectionData: Fixed issue for loading the control in the local workbench #128 Try it out today Get the latest release of the @pnp/spfx-property-controls from npm by executing in the command line: npm i @pnp/spfx-property-controls -S -E.
Read moreVersion 1.13.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements Updated the office-ui-fabric-react to the same version as in SPFx 1.
Read moreWhen building any type of solutions which involve a UI. One of the most time-consuming things is to test how your solution is rendered, and if everything is still working as it should be. If you are doing these changes yourself. The process is very simple and easy to maintain/test. When you are working in a larger team, things will get more complex and more manual work is involved in order to test it.
Read moreVersion 1.12.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: New control(s) PropertyPaneWebPartInformation: New control to show more information about the current web part #108 PropertyPanePropertyEditor: New control that allows you to export/import property pane settings #114 Enhancements
Read moreVersion 1.10.0 of the SharePoint Framework React Controls (@pnp/spfx-controls-react) has been released. This is an open source library that shares a set of reusable React controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: New control(s) ListItemPicker: New field control #165 Enhancements Dutch localization added #100
Read moreVersion 1.11.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements PropertyFieldCollectionData: Show error messages #96 Fixes Fixes based on SonarCloud analysis
Read moreVersion 1.10.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements PropertyFieldPeoplePicker: Security groups come back with EntityType of FormsRole rather then SecGroup #93
Read moreVersion 1.8.0 of the SharePoint Framework React Controls (@pnp/spfx-controls-react) has been released. This is an open source library that shares a set of reusable React controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements PeoplePicker: Specify to hide or show the users/groups which are hidden in the UI #122 WebPartTitle: changing font-sizes on different resolutions #114 WebPartTitle: Added accessibility tags for web part title #121 ListView: Resizable columns - introduced a isResizable property #119 FieldNameRenderer double click support added #116 TaxonomyPicker: table markup changed to DIV #113 PeoplePicker: ability to specify the source site to load users from #110 TaxonomyPicker: Disable the terms which are set as deprecated or unavailable for tagging #109 PeoplePicker: Specify principle type to retrieve (users, groups, …) #94 Fixes
Read moreProbably one of the most difficult things when working with application customizers is how it behaves while navigating. Modern sites have their own page navigation mechanism which provides a great user experience as the page does not require a full-page refresh. Only the things that are changed will get loaded/unloaded from the page.
Read moreHave you ever wondered what exactly determines in which language SharePoint will be loaded? In this article, I will explain what the flow is which determines the UI language. Site language settings It all starts with the supported languages on the site. You can check them out here: https:///_layouts/15/muisetng.aspx. Show image Site - Language Settings Be sure that the language you want to use is checked on in the list of alternate language(s).
Read moreFor Valo Intranet, we recently started using MkDocs (https://www.mkdocs.org/) for building our product documentation. The great part about MkDocs is that can generate a completely static HTML site based on Markdown files. This makes it easy to maintain and can live in a source-controlled environment. MkDocs is for example used in projects like Office 365 CLI, PnP SPFx React and Property controls for the documentation.
Read moreVersion 1.7.0 of the SharePoint Framework React Controls (@pnp/spfx-controls-react) has been released. This is an open source library that shares a set of reusable React controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements PeoplePicker: added functionality to initialize the control with person(s) or group(s) #98 PeoplePicker: support for searching on contains #93 PeoplePicker: find user based on email address #95 Bundle size: statically reference Office UI Fabric components in the FieldRenderer controls #107 Fixes
Read moreVersion 1.9.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements PropertyFieldCollectionData: Added custom validation for string, number, icon, and URL field types #74 PropertyFieldCollectionData: Add an option to specify a default value #86 PropertyFieldCollectionData: override placeholder for the inputs #87 PropertyFieldCollectionData: Hide save button when “Add and save” is shown #88 Fixes
Read moreBeginning of August 2018 I released a new Visual Studio Code extension called the SPFx Task Runner. This extension lets you run your SharePoint Framework related gulp tasks by just a couple of mouse clicks. Show image SPFx Task Runner Once you installed the extension you get a new SPFx task group in the Visual Studio Code context menu.
Read moreVersion 1.8.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements New telemetry approach which allows you to use Application Insights instance #79 PropertyFieldListPicker add an optional property for target site #21 Contributions This release wouldn’t be possible without the help of: Joel Rodrigues.
Read moreVersion 1.6.0 of the SharePoint Framework React Controls (@pnp/spfx-controls-react) has been released. This is an open source library that shares a set of reusable React controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements Disabled property for PeoplePicker #88 Fixes New telemetry approach which allows you to use Application Insights #81 PeoplePicker property selectedItems not implemented?
Read moreVersion 1.5.0 of the SharePoint Framework React Controls (@pnp/spfx-controls-react) has been released. This is an open source library that shares a set of reusable React controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: New control(s) New PeoplePicker control added #19 Enhancements Added properties to the TaxonomyPicker to specify which terms are disabled/not-selectable #82 Fixes
Read moreVersion 1.7.0 of the SharePoint Framework Property Controls (@pnp/spfx-property-controls) has been released. This is an open source library that shares a set of reusable property pane controls, which can be used in your SharePoint Framework solutions. This release includes the following changes: Enhancements Add npm postinstall script to automatically add the localization config #64 Add a description to the PropertyFieldCollectionData panel #67 Added a font field type for the PropertyFieldCollectionData control #66 Added a URL field type for the PropertyFieldCollectionData control #72 Field validation implemented to enable/disable save buttons in PropertyFieldCollectionData control.
Read moreBack in April 2017, I wrote about how you could write unit tests for SharePoint Framework components. This was created by a combination of the dependencies provides by SharePoint Framework itself and enzyme (JavaScript Testing utilities for React). Info: you can read more about writing unit tests for SharePoint Framework components here: Writing unit tests for your SharePoint Framework components.
Read moreAutomating your builds and releases for SharePoint Framework is easy to achieve on Azure DevOps. In the past, I have written how you can achieve it by using custom Gulp tasks or using the Office 365 CLI. One thing both solutions have in common is that they are taking 5-10 minutes to complete.
Read moreFor a long time, you were not able to remotely debug your SharePoint Framework solutions running in Microsoft Edge with Visual Studio Code. This was due to limitations of the Debugger for Edge and the Microsoft Edge developer tools. The only possibility if you wanted to debug in Visual Studio Code, was to use Chrome in combination with the Debugger for Chrome Visual Studio Code extension.
Read moreAutomating installation/deployment processes of any type of solutions is so great, and on Azure DevOps you can do this by a task-driven process. For many of the SharePoint Solutions I create, I have an automated CI/CD process behind the scenes running. So that once my code is ready, it will automatically deploy to my test environment.
Read moreHey developer, the solution which was just deployed in production is not working. Can you have a look at and fix it? This is probably something which you might have heard before. As every user and environment are unique, it could be caused by different things. IMPORTANT: Use this approach to test and find out what is wrong.
Read moreIf you are using a modern site in SharePoint Online, you might have noticed that there is a new footer / social bar control which contains actions that allow you to like a page, see the number of comments and page views. Show image The social bar with like and comment capabilities This is a very simple control and might be useful to you when building some social solutions like for example when building your own news page roll-ups or controls.
Read moreThe SharePoint item REST API has its limits. One (or two in this case) of these limits is about returning values for fields you specified, more in particular when using lookup- or managed metadata fields. The problem with the lookup field occurs when it references a list from another web. In that case, the REST API will return an error message.
Read moreWe all have dependencies in our projects and you probably already read some articles about dependencies which include funky things to your project without you being aware of it. Sometimes we just include these libraries in our project just because they are cool, save us a lot of development time, or because it is a requirement.
Read moreIn my previous post, I wrote how you could trigger the page into edit mode from within your SharePoint Framework solution. One thing which I did not explain is how you can check the current display mode your page is in. Related article: Trigger the edit page experience from your SharePoint Framework solution
Read moreThis is a quick article to show you how you can open the edit page experience from your SharePoint Framework solution. Such a trigger could be useful so that you can trigger the page its edit mode from within your web part, footer, … Nothing more to say about it, so here is the code:
Read moreUPDATE: Beginning of April 2018, Microsoft announced a new feature which allows custom metadata integration with modern pages and news (Office 365 Roadmap ID: 27251). Show image Custom metadata integration with modern SharePoint Online pages and news One of the key things in the content creation process is metadata. This important for various reasons, which I not going to discuss in this article.
Read moreI published another extension for your SharePoint Framework solution to check your scripts and correctly reference the external JavaScript libraries in your solutions. The extension is powered by the same APIs of the SharePoint Framework Script Check that was built by Waldek Mastykarz from Rencore. Check out the VSCode extension: SPFx Script Check
Read moreDepending on the solution you are creating, you might want to know on which type of site your SharePoint Framework solution is currently running. This could be useful to enable or disable certain functionalities the solution you are creating depending on the type of site. For example: enable some extra collaboration features in your solution when used on a team site, and disable the features when used on a communication site.
Read moreToday I published a new Visual Studio Code extension that gives you some handy SharePoint Framework code snippets. The first version of the extension only contains a handful snippets but will grow over time. VSCode extension: SPFx snippets Show image SPFx snippets demo Try it out and let me know if you like it.
Read more