interface LayoutProperty

Language	Type name
.NET	Amazon.CDK.AWS.QuickSight.CfnTemplate.LayoutProperty
Go	github.com/aws/aws-cdk-go/awscdk/v2/awsquicksight#CfnTemplate_LayoutProperty
Java	software.amazon.awscdk.services.quicksight.CfnTemplate.LayoutProperty
Python	aws_cdk.aws_quicksight.CfnTemplate.LayoutProperty
TypeScript	aws-cdk-lib » aws_quicksight » CfnTemplate » 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.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-quicksight-template-layout.html

Example

// The code below shows an example of how to instantiate this type.
// The values are placeholders you should change.
import { aws_quicksight as quicksight } from 'aws-cdk-lib';
const layoutProperty: quicksight.CfnTemplate.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',
          },
        },
        repeatConfiguration: {
          dimensionConfigurations: [{
            dynamicCategoryDimensionConfiguration: {
              column: {
                columnName: 'columnName',
                dataSetIdentifier: 'dataSetIdentifier',
              },

              // the properties below are optional
              limit: 123,
              sortByMetrics: [{
                direction: 'direction',
                sortBy: {
                  columnName: 'columnName',
                  dataSetIdentifier: 'dataSetIdentifier',
                },

                // the properties below are optional
                aggregationFunction: {
                  attributeAggregationFunction: {
                    simpleAttributeAggregation: 'simpleAttributeAggregation',
                    valueForMultipleValues: 'valueForMultipleValues',
                  },
                  categoricalAggregationFunction: 'categoricalAggregationFunction',
                  dateAggregationFunction: 'dateAggregationFunction',
                  numericalAggregationFunction: {
                    percentileAggregation: {
                      percentileValue: 123,
                    },
                    simpleNumericalAggregation: 'simpleNumericalAggregation',
                  },
                },
              }],
            },
            dynamicNumericDimensionConfiguration: {
              column: {
                columnName: 'columnName',
                dataSetIdentifier: 'dataSetIdentifier',
              },

              // the properties below are optional
              limit: 123,
              sortByMetrics: [{
                direction: 'direction',
                sortBy: {
                  columnName: 'columnName',
                  dataSetIdentifier: 'dataSetIdentifier',
                },

                // the properties below are optional
                aggregationFunction: {
                  attributeAggregationFunction: {
                    simpleAttributeAggregation: 'simpleAttributeAggregation',
                    valueForMultipleValues: 'valueForMultipleValues',
                  },
                  categoricalAggregationFunction: 'categoricalAggregationFunction',
                  dateAggregationFunction: 'dateAggregationFunction',
                  numericalAggregationFunction: {
                    percentileAggregation: {
                      percentileValue: 123,
                    },
                    simpleNumericalAggregation: 'simpleNumericalAggregation',
                  },
                },
              }],
            },
          }],
          nonRepeatingVisuals: ['nonRepeatingVisuals'],
          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.

See also: http://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-properties-quicksight-template-layout.html#cfn-quicksight-template-layout-configuration