Enable texteditable
Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

DE - Advanced list Demo, Citronis

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced-item-image-372x392
DE - Name Surname
London, UK Business Project Manager IT Expert Business Expert Customer Exchange Workshop Bevorstehend
Oktober 22, 2019
DE - Celonis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced-item-image-372x392
Test New item
test item
Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

DE - Advanced list Demo, Superfluid Red

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

{{ filteredItems.length }} {{ $t('result') }} {{ filteredItems.length }} {{ $t('results') }}
{{ $t('no_results') }}
{{ defaultFieldValue(item.fields.title) }}
{{ defaultFieldValue(tag.fields.name) }}
{{ defaultFieldValue(item.fields.date) | setLocalTimePipe }}
{{ defaultFieldValue(item.fields.subTitle) }}
{{ defaultFieldValue(item.fields.excerpt) }}
Mehr Infos
Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

DE - Advanced list Demo, Deviant Pink

DE - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industryโ€™s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Advanced-item-image-372x392
DE - Name Surname
London, UK Business Project Manager IT Expert Business Expert Customer Exchange Workshop Bevorstehend
Oktober 22, 2019
DE - Celonis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

DE - Advanced list Demo, Fluid Fuchisa

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced-item-image-372x392
DE - Name Surname
London, UK Business Project Manager IT Expert Business Expert Customer Exchange Workshop Bevorstehend
Oktober 22, 2019
DE - Celonis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

DE - Advanced list Demo, Hibiskus Ripple

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced-item-image-372x392
DE - Name Surname
London, UK Business Project Manager IT Expert Business Expert Customer Exchange Workshop Bevorstehend
Oktober 22, 2019
DE - Celonis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

Advanced list Demo, Fluid Fuchisa

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industryโ€™s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Advanced-item-image-372x392
DE - Name Surname
London, UK Business Project Manager IT Expert Business Expert Customer Exchange Workshop Bevorstehend
Oktober 22, 2019
DE - Celonis
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced-item-image-372x392
DE - Name Surname 2
Celonis
DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced-item-image-372x392
DE - Name Surname 2
DE - Celonis
DE - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex.
Mehr Infos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at iaculis urna. Etiam fringilla, eros in semper dignissim, justo arcu suscipit urna, id blandit arcu est quis tellus. Fusce id felis a felis molestie bibendum. Mauris sed sem ac sem viverra vehicula ut vel ex. Suspendisse quis nulla ex. Integer eu dapibus quam. Nullam sapien felis, finibus id augue sit amet, ultrices posuere quam. Nunc at lorem eget odio vehicula feugiat. Nulla felis libero, ultrices in condimentum consectetur, rhoncus a mi.

Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

Advanced List Demo, less content

Beautiful-Single-Leaf-1920-x-1200
Name
Excerpt
Advanced list Section
Use cases

Use for listing items like jobs, events, meetings, trainings or any other data that benefits from a listing format. Supports multiple buttons, meta information, subtitles and can be expanded to display even more information.

View all variations
Options
Click for preview
Theme UI
Validations
All fields not marked required are optional
Deep link
Only Deep link
Items
Zero or many Advanced Item Component
Image
Min width 372px
Min height 392px
Title (required)
Max characters 128
Tag
Zero or many Tag
Tag
Tag Accept zero or many references of itself (Tag)
Primary Button
Only Link
Secondary Button
Only Link

Advanced List Demo, without item

Close