Card vs List: Reflow concept in Dynamics 365 explained

1

Reflowing to either card or list form is another way to control how we want to present information in Unified Interface. To read more about reflowing, please click this link.

This property applies to read-only list views and sub-grids. 

So, a list form in Unified Interface looks like this:

And a grid looks like this:

In Unified Interface, a reflow concept was introduced. It is where the information will be displayed as a “card form” when the space available is not enough to display the columns of the sub-grid. For example:

Below on my Account Form, you can see that my related contacts sub-grid is displayed in the card form.

Now if I go to see the settings in my form designer, you can see that the width of the third column where the contact sub-grid is displayed is set to occupy 25% of the whole space.

If I increase the space occupied by the 33% or 1/3 of the whole space, let’s see what happens:

When I hit publish and refresh my UCI form, the sub-grid automatically “reflows” to the grid form.

So it seems like it the grid would reflow to card form once space occupied is not enough for the whole information on the grid to be displayed.

But if you wish to have more control in the reflow behaviour of your app, you can go to the controls settings and specify how you want the information to be displayed.

In your grid editor, select the Controls tab and then select Add Control

add control

Select Read Only Grid

read-only

Select which client you’d want this control to be applied to, then select the pencil icon to control the behaviour.

properties

You can define how you want your data to be displayed, you can choose from 3 choices

  • Reflow – the grid will “reflow” to card form once there is not enough space
  • Grid only – data will be displayed in grid form only.
  • List only – data will be displayed in card form only.

bind

If you’re selecting reflow or list only, you can define which card form you’d like to use.

card

You can customize how you want the information to be displayed in your card form by creating a form with type “card”.

card form

The data will be displayed like this:

card details

Once it is published, you can now control how you want your lists to be displayed in Dynamics 365. I use it often on Classic Dashboards and sub-grids within forms. Here are some examples 🙂

account
Here I used it to control how I wanted to display the sub-grids in my main Account form. In my opinion, the card form looks much cleaner in this scenario 🙂
dashboard
This time, I used it to control how I want the data to be displayed on my dashboard. All Accounts is displayed as card form while Active Accounts is displayed in grid form.
Choose your Reaction!
Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.