interface LayoutProperty

Language	Type name
.NET	Amazon.CDK.AWS.QuickSight.CfnDashboard.LayoutProperty
Java	software.amazon.awscdk.services.quicksight.CfnDashboard.LayoutProperty
Python	aws_cdk.aws_quicksight.CfnDashboard.LayoutProperty
TypeScript	@aws-cdk/aws-quicksight » CfnDashboard » LayoutProperty

A Layout defines the placement of elements within a sheet.

For more information, see Types of layout in the Amazon QuickSight User Guide .

This is a union type structure. For this structure to be valid, only one of the attributes can be defined.

Example

// The code below shows an example of how to instantiate this type.
// The values are placeholders you should change.
import * as quicksight from '@aws-cdk/aws-quicksight';
const layoutProperty: quicksight.CfnDashboard.LayoutProperty = {
  configuration: {
    freeFormLayout: {
      elements: [{
        elementId: 'elementId',
        elementType: 'elementType',
        height: 'height',
        width: 'width',
        xAxisLocation: 'xAxisLocation',
        yAxisLocation: 'yAxisLocation',

        // the properties below are optional
        backgroundStyle: {
          color: 'color',
          visibility: 'visibility',
        },
        borderStyle: {
          color: 'color',
          visibility: 'visibility',
        },
        loadingAnimation: {
          visibility: 'visibility',
        },
        renderingRules: [{
          configurationOverrides: {
            visibility: 'visibility',
          },
          expression: 'expression',
        }],
        selectedBorderStyle: {
          color: 'color',
          visibility: 'visibility',
        },
        visibility: 'visibility',
      }],

      // the properties below are optional
      canvasSizeOptions: {
        screenCanvasSizeOptions: {
          optimizedViewPortWidth: 'optimizedViewPortWidth',
        },
      },
    },
    gridLayout: {
      elements: [{
        columnSpan: 123,
        elementId: 'elementId',
        elementType: 'elementType',
        rowSpan: 123,

        // the properties below are optional
        columnIndex: 123,
        rowIndex: 123,
      }],

      // the properties below are optional
      canvasSizeOptions: {
        screenCanvasSizeOptions: {
          resizeOption: 'resizeOption',

          // the properties below are optional
          optimizedViewPortWidth: 'optimizedViewPortWidth',
        },
      },
    },
    sectionBasedLayout: {
      bodySections: [{
        content: {
          layout: {
            freeFormLayout: {
              elements: [{
                elementId: 'elementId',
                elementType: 'elementType',
                height: 'height',
                width: 'width',
                xAxisLocation: 'xAxisLocation',
                yAxisLocation: 'yAxisLocation',

                // the properties below are optional
                backgroundStyle: {
                  color: 'color',
                  visibility: 'visibility',
                },
                borderStyle: {
                  color: 'color',
                  visibility: 'visibility',
                },
                loadingAnimation: {
                  visibility: 'visibility',
                },
                renderingRules: [{
                  configurationOverrides: {
                    visibility: 'visibility',
                  },
                  expression: 'expression',
                }],
                selectedBorderStyle: {
                  color: 'color',
                  visibility: 'visibility',
                },
                visibility: 'visibility',
              }],
            },
          },
        },
        sectionId: 'sectionId',

        // the properties below are optional
        pageBreakConfiguration: {
          after: {
            status: 'status',
          },
        },
        style: {
          height: 'height',
          padding: {
            bottom: 'bottom',
            left: 'left',
            right: 'right',
            top: 'top',
          },
        },
      }],
      canvasSizeOptions: {
        paperCanvasSizeOptions: {
          paperMargin: {
            bottom: 'bottom',
            left: 'left',
            right: 'right',
            top: 'top',
          },
          paperOrientation: 'paperOrientation',
          paperSize: 'paperSize',
        },
      },
      footerSections: [{
        layout: {
          freeFormLayout: {
            elements: [{
              elementId: 'elementId',
              elementType: 'elementType',
              height: 'height',
              width: 'width',
              xAxisLocation: 'xAxisLocation',
              yAxisLocation: 'yAxisLocation',

              // the properties below are optional
              backgroundStyle: {
                color: 'color',
                visibility: 'visibility',
              },
              borderStyle: {
                color: 'color',
                visibility: 'visibility',
              },
              loadingAnimation: {
                visibility: 'visibility',
              },
              renderingRules: [{
                configurationOverrides: {
                  visibility: 'visibility',
                },
                expression: 'expression',
              }],
              selectedBorderStyle: {
                color: 'color',
                visibility: 'visibility',
              },
              visibility: 'visibility',
            }],
          },
        },
        sectionId: 'sectionId',

        // the properties below are optional
        style: {
          height: 'height',
          padding: {
            bottom: 'bottom',
            left: 'left',
            right: 'right',
            top: 'top',
          },
        },
      }],
      headerSections: [{
        layout: {
          freeFormLayout: {
            elements: [{
              elementId: 'elementId',
              elementType: 'elementType',
              height: 'height',
              width: 'width',
              xAxisLocation: 'xAxisLocation',
              yAxisLocation: 'yAxisLocation',

              // the properties below are optional
              backgroundStyle: {
                color: 'color',
                visibility: 'visibility',
              },
              borderStyle: {
                color: 'color',
                visibility: 'visibility',
              },
              loadingAnimation: {
                visibility: 'visibility',
              },
              renderingRules: [{
                configurationOverrides: {
                  visibility: 'visibility',
                },
                expression: 'expression',
              }],
              selectedBorderStyle: {
                color: 'color',
                visibility: 'visibility',
              },
              visibility: 'visibility',
            }],
          },
        },
        sectionId: 'sectionId',

        // the properties below are optional
        style: {
          height: 'height',
          padding: {
            bottom: 'bottom',
            left: 'left',
            right: 'right',
            top: 'top',
          },
        },
      }],
    },
  },
};

Properties

Name	Type	Description
configuration	IResolvable | LayoutConfigurationProperty	The configuration that determines what the type of layout for a sheet.

---

configuration

Type: IResolvable | LayoutConfigurationProperty

The configuration that determines what the type of layout for a sheet.