Layout - AccordionGroupBuilder

Layout.AccordionGroupBuilder

Add an

AccordionGroupBuilder within a AccordionBuilder to display in the UI.

Param

the

AccordionGroupBuilder to embed.

Example

  // use a DictType stream
  const stream = Stream(
      "My Stream",
      DictType(
          StringType,
          StructType({
              string: StringType,
              date: DateTimeType,
          })
      )
  );
  
  // create a table in a layout
  const layout = new LayoutBuilder("My Layout")
      .accordion(builder => builder
          .group("Group One", builder => 
              .item("Item One", builder => builder
                  .table("My Table", builder => builder
                      .fromStream(stream)
                      .date("Date", fields => fields.date)
                      .string("String", fields => fields.string)
                  )
              )
              .item("Item Two", builder => builder
                  .table("My Other Table", builder => builder
                      .fromStream(stream)
                      .columns()
                  )
              )
          )
      )
      .toTemplate()

Layout

item

▸ item(name, def):

AccordionGroupBuilder

Add an

AccordionItemBuilder within an AccordionGroupBuilder to display in the UI.

Parameters

Name	Type	Description
name	string	-
def	(panel: AccordionItemBuilder) => AccordionLayoutBuilderType	the AccordionItemBuilder to embed.

Returns

AccordionGroupBuilder

Example

  // use a DictType stream
  const stream = Stream(
      "My Stream",
      DictType(
          StringType,
          StructType({
              string: StringType,
              date: DateTimeType,
          })
      )
  );
  
  // create a table in a layout
  const layout = new LayoutBuilder("My Layout")
      .accordion(builder => builder
          .group("Group One", builder => 
              .item("Item One", builder => builder
                  .table("My Table", builder => builder
                      .fromStream(stream)
                      .date("Date", fields => fields.date)
                      .string("String", fields => fields.string)
                  )
              )
              .item("Item Two", builder => builder
                  .table("My Other Table", builder => builder
                      .fromStream(stream)
                      .columns()
                  )
              )
          )
      )
      .toTemplate()