Skip to main content

Dropdown

 


 

Styles

To select a style, add the List component to a page then use the dropdown under Change Style to select a style.

  • List Style 1
  • List Style 2
  • Circle icon style
  • List style dark background
  • Horizontal tick list
  • Horizontal ticket list dark background
  • List style 1 with feature card 
  • Vertical tick list
  • Vertical tick list dark background
  • Footer Social media links
  • Image and title
  • Related content list
  • Box with hover
  • UA2 - What's new list (do not use)
  • Top menu
  • Important info list
  • Footer nav list
  • Home Quicklinks
  • Side Quicklinks
  • Feature icon list
  • Help list
  • Application list

New Styles

  • List Style Top Quicklinks
  • List Style 1 with Feature card
  • List Style 1 with Feature card, Row setting : icon Top right
  • Box with hover - Crimson
  • Box with hover - Skyblue
  • Box with Hover - Skyblue and black
  • Latest News list
  • Events list
  • Events list with darkbg colour
  • List style with image on right

 


 


 


Feature icon list


 

UA2 - What's new List

Please review via Save and Preview and select App 2

Top menu List

Please refer to the Global Website Configuration > Public website configuration > New Top Menu


 

Footer Nav List

Please refer to the Global Website Configuration > Public website configuration > Footer


 

Application List

Footer Social media links

 


 

New Styles

To select a style, add the List component to a page then use the dropdown under Change Style to select a style.

  • List Style Top Quicklinks
  • List Style 1with Feature card
  • List Style 1with Feature card, Row setting : icon Top right
  • Box with hover - Crimson
  • Box with hover - Skyblue
  • Box with Hover - Skyblue and black
  • Latest News list
  • Events list
  • Events list with darkbg colour

 

Quicklinks used for Navigation menu - add to tab 'Quicklinks Top Grid'


 

List style 1 with feature card 

Column settings: add background colour & 'added border radius


 

List style 1 with feature card 

Row setting: Icon top Right

Column setting: "Add border radius"


 

Box with Hover - Skyblue & Black, Row settings: Style - Icon bottom Right

Box with Hover - Crimson, Row settings: Style - Icon top Right


 


 

Style: List Style with Image on right