Visualizing data

A visual report should be more than just a white canvas with some numbers on it. In Appian Designer, create a new IVP_D_Reporting interface. Then, add a card header and replace the card layout with a billboard layout to give the screen a nice-looking header. Replace the billboard background with an image of your choice. To do so, create a new document in Appian designer, select your image, and create a constant pointing to that image. Then, change the Background Media attribute to this:

Figure 13.12 – Modifying the billboard background

In Expression Mode, your code should look like this:

a!headerContentLayout(
  header: {
    {
      a!billboardLayout(
        backgroundMedia: a!documentImage(
          document: cons!IVP_REPORTING_BILLBOARD
       ...