Custom Component

As a busy user, I appreciate being able to see a visual indicator of the stage/status of an item at a glance. Model-Driven Applications, have Business Process Flows which include a nice visual control, which displays a process bar of the current stage. The process bar in a Model Driven App This led me to wonder: could I create something similar on the Canvas App side? In this post, I’ll demo my custom reusable component that visually represents stages in a Canvas App. The custom canvas app component built Example: Ordering Process Consider an example where you are…

Have you ever needed to filter data based on the week of? To use a select-able dropdown, you first need to figure out the week start date based on the current date, week end, build a dynamic collection, filter, date add, sequence… yada yada, blah blah! Instead of doing all that in multiple apps, why not build one reusable component that handles all that tricky date calculation logic? That’s exactly what we’ll cover in today’s post. Component Goals Develop a reusable component that displays the week of start and end date in a dropdown Allow the user to…

The Alphabet Selector Component If you're ever worked with a Dynamics/Model Driven App before, you know it has many different ways to filter data out-of-the-box. One of these features is the "jump bar". This component allows users to quickly "jump" to records based on the starting letter. For canvas apps however, there isn’t a built-in solution like this. The jump bar in a Model Driven App I built a reusable component that mimics the jump bar behavior while also allowing for responsive design in desktop and mobile form factors. Horizontal Mode Vertical Mode In the example above, I am filtering…