Content list

In progress

Content list is used for displaying the information in list format, ex. news, research groups, etc. Data is passed in JSON format.

# Examples

undefined
    <hy-general-list
        data-items='[
          {"type":"research_groups",
            "title":"Global Change and Conservation",
            "description":"Inter­disciplinary ap­proaches for applied con­ser­va­tion",
            "url":"https://www2-test.helsinki.fi/fi/node/80501",
            "id":"research_groups-80501",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
          },
          {"type":"research_groups",
            "title":"Neuropathology",
            "description":"Neuropathology in Faculty of Medicine University of Helsinki",
            "url":"https://www2-test.helsinki.fi/fi/node/80339",
            "id":"research_groups-80339","label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"X-ray laboratory",
            "description":"X-ray laboratory",
            "url":"https://www2-test.helsinki.fi/fi/node/80170",
            "id":"research_groups-80170",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Bioinformatics for Molecular Biology and Genomics",
            "description":"We study evolution; speciation, adaptation and host-microbe interactions in plants using statistical modeling and different -omics data sources.",
            "url":"https://www2-test.helsinki.fi/fi/node/80120",
            "id":"research_groups-80120","label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Wood Development",
            "description":" Our group studies the de­vel­op­ment of plant vas­cu­lar tis­sue (xylem & phloem). We are based in Biocenter 3 in Viikki Campus, Helsinki, Finland.",
            "url":"https://www2-test.helsinki.fi/fi/node/80108",
            "id":"research_groups-80108",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Endocytic Cytoskeleton Biology ",
            "description":"Almeida-Souza Lab: Endocytic Cytoskeleton Biology, University of Helsinki",
            "url":"https://www2-test.helsinki.fi/fi/node/79639",
            "id":"research_groups-79639",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Algorithmic bioinformatics",
            "description":"Algorithmics bioinformatics research",
            "url":"https://www2-test.helsinki.fi/fi/node/79573",
            "id":"research_groups-79573",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Molecular Nutrition",
            "description":"In Pajari lab we study how diets, nutrients and phytochemicals exert their effects on gut metabolism and health, thereby preventing chronic diseases.",
            "url":"https://www2-test.helsinki.fi/fi/node/78689",
            "id":"research_groups-78689",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Motivation, learning and well-being in digital era",
            "description":"Study motivation, learning and well-being, Minds Hub research group. Main page of the site.",
            "url":"https://www2-test.helsinki.fi/fi/node/77421",
            "id":"research_groups-77421",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            },
            {"type":"research_groups",
            "title":"Plant Pathology and Virology",
            "description":"The main research theme in the Plant Virology Group is to elucidate how plants defend against virus infections and how viruses circumvent or suppress host defence",
            "url":"https://www2-test.helsinki.fi/fi/node/77388",
            "id":"research_groups-77388",
            "label":"Research group",
            "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
            "imageAlt":""
            }
        ]'
      >
      </hy-general-list>

undefined
    <hy-general-list
      type="grid"
      data-items='[
        {"type":"news",
        "title":"Algorithmic bioinformatics",
        "description":"Algorithmics bioinformatics research",
        "url":"https://www2-test.helsinki.fi/fi/node/79573",
        "id":"news-79573",
        "label":"News",
        "tag": "Science",
        "date": "20.6.2020",
        "subLabel": "Speech",
        "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
        "imageAlt":""
        },
        {"type":"research_groups",
          "title":"Global Change and Conservation",
          "description":"Inter­disciplinary ap­proaches for applied con­ser­va­tion",
          "url":"https://www2-test.helsinki.fi/fi/node/80501",
          "id":"research_groups-80501",
          "label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
        },
        {"type":"research_groups",
          "title":"Neuropathology",
          "description":"Neuropathology in Faculty of Medicine University of Helsinki",
          "url":"https://www2-test.helsinki.fi/fi/node/80339",
          "id":"research_groups-80339","label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          },
          {"type":"research_groups",
          "title":"X-ray laboratory",
          "description":"X-ray laboratory",
          "url":"https://www2-test.helsinki.fi/fi/node/80170",
          "id":"research_groups-80170",
          "label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          },
          {"type":"research_groups",
          "title":"Bioinformatics for Molecular Biology and Genomics",
          "description":"We study evolution; speciation, adaptation and host-microbe interactions in plants using statistical modeling and different -omics data sources.",
          "url":"https://www2-test.helsinki.fi/fi/node/80120",
          "id":"research_groups-80120","label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          },
          {"type":"research_groups",
          "title":"Wood Development",
          "description":" Our group studies the de­vel­op­ment of plant vas­cu­lar tis­sue (xylem & phloem). We are based in Biocenter 3 in Viikki Campus, Helsinki, Finland.",
          "url":"https://www2-test.helsinki.fi/fi/node/80108",
          "id":"research_groups-80108",
          "label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          },
          {"type":"research_groups",
          "title":"Endocytic Cytoskeleton Biology ",
          "description":"Almeida-Souza Lab: Endocytic Cytoskeleton Biology, University of Helsinki",
          "url":"https://www2-test.helsinki.fi/fi/node/79639",
          "id":"research_groups-79639",
          "label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          },
          {"type":"research_groups",
          "title":"Algorithmic bioinformatics",
          "description":"Algorithmics bioinformatics research",
          "url":"https://www2-test.helsinki.fi/fi/node/79573",
          "id":"research_groups-79573",
          "label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          },
          {"type":"research_groups",
          "title":"Molecular Nutrition",
          "description":"In Pajari lab we study how diets, nutrients and phytochemicals exert their effects on gut metabolism and health, thereby preventing chronic diseases.",
          "url":"https://www2-test.helsinki.fi/fi/node/78689",
          "id":"research_groups-78689",
          "label":"Research group",
          "imageUrl":"http://helsinki.docker.sh/modules/custom/hy_list_paragraph/images/placeholder.png",
          "imageAlt":""
          }
      ]'
      >
      </hy-general-list>

# Properties

Property Attribute Description Type Default
dataItems data-items [] \| string undefined
target target set false to set link target to _self boolean true
type type Grid or list style GeneralListTypes.grid \| GeneralListTypes.list GeneralListTypes.list

# Dependencies

# Depends on

← Footer →