Need help? Looking for latest product info? Join our upcoming office hours. Learn more >

Cards


Variation 1

  • Layout - Extra Small
  • Card component with manually authored Internal Pages card.
  • If there is no card added in the page properties, then default Build Easy card is appended beside that card.

Variation 2

  • Layout - Extra Small
  • Card component with manually authored External Pages and Video authored as card.
  • When the layout is Extra Small, the Excerpt field is not appended with the card.
  • Links to external sites can be authored as cards which would open a site-leaving popup on click. 
  • External links are distinguished via an white arrow icon.

 

Variation 3

  • Layout - Extra Small
  • Card component with Tags
  • Whenever a Tag is selected inside a Card, whichever page is tagged under that Tag Name will appear inside the card component.

 

Variation 4

  • Layout - Small
  • Card component with manually authored Internal Pages card and Video authored as Cards.

 

Variation 5

  • Layout - Small
  • Card component with Tag and manually authored External Pages cards.
  • When the layout is Small, the Excerpt field is not appended with the card.

Variation 6

  • Layout - Medium
  • Card component with manually authored External Pages and PDFs as cards.
  • When the layout is Medium, the Excerpt field is appended with the card.

 

image
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
image
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Variation 6

  • Layout - Medium
  • Card Component authored with Tags, internal page url, pdf & video.
  • When a page is added as Tag and if there is no data provided in Card Page Properties for that page, the excerpt added in Page Head Component Short Description in Card component as well and the image is taken as default Build Easy Card icon.

Variation 7

  • Layout - Medium (Compact)
  • Card Component with Tags as card, manually authored PDF as card and Video as Card.
  • Card component with Medium (Compact) variation will not show the short description/excerpt within it.

 

Variation 8

  • Layout - Large
  • When Card layout is selected as Large, irrespective of the number of cards present, only 2 cards will be visible.

Variation 9

  • Layout - Large + 4 Small
  • Card Component with Tags and manually added External URL as card.
  • In this layout type, one card will be of large size and 4 other cards will be of small size.
  • Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.
  • For the cards visibility or sorting order, the first priority is given to Tags, then Internal URL card and then the external URL card.

Variation 10

  • Layout - 4 Small + Large
  • Card Component with Tags as card.
  • Out of the 5 cards, one component is large & the rest are of small size.
  • Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.

 

Variation 11

  • Layout - Extra Large
  • When Card layout is selected as Extra Large, irrespective of the number of cards added, only 2 cards will be visible one below another.

Variation 12

  • Layout - Extra Large + 4 Small
  • Card Component with Tags and manually added Internal URL as card.
  • In this layout type, one card will be of extra large size and 4 other cards will be of small size.
  • Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.

Variation 13

  • Layout - Extra Large + 5 Small
  • Card Component with Tags and manually added Internal URL and External URL as card.
  • In this layout type, one card will be of extra large size and 5 other cards will be of small size.
  • Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.

 

Variation 14

Layout - Product Card

Variation 15

  • Layout - Medium (Compact) with Filters
  • Filter can be added in any layout of the cards.
  • We can add as many group as we want.
  • Filter can be added on the basis of:
    • Tags
    • Pages
    • Documents

Additional Information

  • This component can be authored by Editors.
  • For content editing details and text formats within this component, please visit Text Format page.
  • If there is no card image added in the page properties, then default Build Easy purpled theme card image gets appended in that card.
  • Here the mandatory fields are, in order to make the cards visible:
    • Layout
    • In the second tab we need to select an option such as Include Pages, Include Documents, Include Videos, Include External Links.
    • Then cards addition, either through Tags or the internal or external URL.
  • For the cards visibility sorting order, the first priority is given to Tags, then Internal URL card and then the external URL card.
  • If the the cards do not link out internally or externally, the animation effect of zooming in of images wouldn't work.
  • Links to external sites can be authored as cards which would open a site-leaving popup on click. External links are distinguished via an white arrow icon.
  • When Video is authored as Card, play icon will append on top of card and on click it will always play in a pop-up/overlay.
  • When PDF is authored as Card, a pin icon appears  beside the title of the card, and on click PDF opens in a new tab. PDF link can be only authored within Medium and Medium Compact variation.
  • PDF and External Links can be authored directly from the Manual link option in the last tab.
  • Videos can be authored using Experience Fragment, please click here to check the steps on how to create one. It also supports authoring of External links and PDF.
  • Whenever a Tag is selected inside a Card, whichever page is tagged under that Tag Name will appear inside the card component.
  • When the layout is Small, the Excerpt field is not appended with the card.
  • When the layout is Medium, the Excerpt field is appended with the card.
  • When a page is added as Tag and if there is no data provided in Card Page Properties for that page, the excerpt added in Page Head Component for that particular page is taken as Excerpt/Short Description in Card component as well and the image is taken as default Build Easy Card icon.
  • Card component with Medium (Compact) variation will not show the short description/excerpt within it.
  • When Card layout is selected as Large, irrespective of the number of cards present, only 2 cards will be visible.
  • In Large + 4 small and 4 Small + Large Layout type, one card will be of large size and 4 other cards will be of small size. Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.
  • When Card layout is selected as Extra Large, irrespective of the number of cards added, only 2 cards will be visible one below another.
  • In Extra Large + 4 Small layout type, one card will be of extra large size and 4 other cards will be of small size. Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.
  • In this Extra Large + 5 Small layout type, one card will be of extra large size and 5 other cards will be of small size. Irrespective of number of cards present or added, the total number of cards that will be visible within this layout is 5.
  • Filter can be added in any layout of the cards and it will work on the basis of the below. There is no limitation on the number of filter groups:
    • Tags
    • Pages
    • Documents

 

 

For more details on authoring part, please visit Cards and Experience Fragment authoring guide.