Progress indicator using a “Business Process Flow” style
My Twitter handle is: formsandflows. Send me a DM if you find any bugs in this component and I will try to fix them as quickly as possible. How to …
Responsive design layout pattern – Column drop
In the image above, four zones are shown. In the “Column drop” layout pattern, a zone moves to a new and its own “row” when the minimum width for that …
Responsive design layout pattern – Mostly fluid
In the image above, six zones are shown. In the “Mostly fluid” layout pattern, a zone is moved to a next row when there is no more room for its …
Responsive design layout pattern – Header and Footer
The screen consists of 3 areas: The top container (Header). The content container. The bottom sidebar (Footer). The width of the sidebars is a percentage of the screen width. This …
Responsive design layout pattern – Horizontal centered
This layout pattern has one main container which is always centered horizontally. The main container can contain other containers. There are 4 variants for this layout pattern: Horizontal centered fixed …
DisplayName and FullName are not the same
Recently, I created a canvas app for a customer. An email needs to be sent when a record is updated. A SharePoint Online list is used to store the records. …
How-to add a contact in outlook.com from a canvas app
Adding a contact from a canvas app to outlook.com is perhaps not as straightforward as you would expect. Below, code is shown which adds a contact to outlook.com. A connection …
Responsive canvas apps
This blog post is an overview page of all the videos I have made on responsive canvas apps (Power Apps). The series is divided in three parts: Intro Video 1 …
How-to show images from SharePoint Online (Modern)
Create a document library (Example: ExampleImages). Add a column of type “Picture” with the name “Thumbnail”. Upload your images. Update the field “Title” for all images so it contains an …
How-to check if a user is using a mobile device or a web-browser
With the code below, you set a global variable “glb_MobileDevice” which is true on a Mobile device and false when using a web-browser.