Global web ALERT button

utmbweb-hero-icon-field

List Widget UTMB Sitefinity Components

Simple List

Sitefinity List Demo

  • Hello, World! I'm a list item
  • Who does (List Item) Number 2 work for?
  • List Item three - w/out hyperlink
  • Jose' Quatro, you are a list item of mine

Link List

Link List w/Icons

Link List w/Images

Expandable List

Expand all

Sitefinity List Demo

Expanded List

Sitefinity List Demo

  • Hello, World! I'm a list item

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

  • Who does (List Item) Number 2 work for?

  • List Item three - w/out hyperlink

    List Item Three!

    Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.

  • Jose' Quatro, you are a list item of mine

    Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
    Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Anchor List

Sitefinity List Demo

Sitefinity List Demo

Hello, World! I'm a list item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

Back to top

Who does (List Item) Number 2 work for?

Back to top

List Item three - w/out hyperlink

List Item Three!

Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.

Back to top

Jose' Quatro, you are a list item of mine

Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Back to top

Tabs

Sitefinity List Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

List Item Three!

Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.
Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Tabs w/Images

Sitefinity List Demo

slide-02
slide-03

List Item Three!

Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.
slide-04 Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Accordion

Sitefinity List Demo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

List Item Three!

Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.
Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Accordion w/ Images

Sitefinity List Demo

slide-01

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

slide-02
slide-03

List Item Three!

Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.
slide-04 Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Link Card w/ Images + Responsive Grid

CSS Classes: list-col-sm-4 text-center

Sitefinity List Demo

Link Card w/ Images & Content + Grid (Equal Height)

CSS Classes: list-col-sm-4 list-equal-height

Link Card w/ Images HTML + Grid (Masonry)

CSS Classes: list-col-sm-6 list-masonry

Link Card w/ Icons + Grid + Hide Item Title + Radius

CSS Classes: list-col-sm-4 item-title-hide item-radius text-center

Sitefinity List Demo

Link Card w/ Icons & Content + Grid (Equal Height)

CSS Classes: list-col-sm-6 list-equal-height text-center

Sitefinity List Demo

Panel List

Sitefinity List Demo

  • Hello, World! I'm a list item

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

  • Who does (List Item) Number 2 work for?

  • List Item three - w/out hyperlink

    List Item Three!

    Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.

  • Jose' Quatro, you are a list item of mine

    Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
    Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Panel List w/ Images + Grid

CSS Classes: list-col-sm-6 list-equal-height

Sitefinity List Demo

  • Hello, World! I'm a list item

    slide-01

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

  • Who does (List Item) Number 2 work for?

    slide-02

  • List Item three - w/out hyperlink

    slide-03

    List Item Three!

    Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.

  • Jose' Quatro, you are a list item of mine

    slide-04 Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
    Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.

Panel List w/ Icons + Grid + Brand Colors

CSS Classes: list-col-sm-6 panel-orange callout

Sitefinity List Demo

  • Hello, World! I'm a list item

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et velit sed tellus fringilla hendrerit. Nullam hendrerit urna id justo tempor, eu sodales dui sodales. Vivamus vel cursus est.

  • Who does (List Item) Number 2 work for?

  • List Item three - w/out hyperlink

    List Item Three!

    Etiam molestie nulla id sagittis convallis. Cras quis metus sit amet metus scelerisque gravida. Donec rutrum tellus sit amet luctus sollicitudin.

  • Jose' Quatro, you are a list item of mine

    Proin id urna posuere, ullamcorper nisi at, auctor ligula. Aenean non aliquam nibh, facilisis mattis libero. Mauris euismod magna euismod pulvinar mollis. Curabitur eu porttitor tellus.
    Curabitur purus quam, finibus eu porta eget, tincidunt vel tellus.