Using Matrix Fields - Affiniture/Instalment_Loan GitHub Wiki

The Matrix field allows you to easily create advanced page layouts, without needing to modify HTML or CSS, on Entry types that support it. You can build up a layout by adding and moving blocks around. There are different types of blocks you can add:

• Standard - Containing reuseable page components
  • Heading - Creates a page heading and supports a background hero image
  • Rich Text - WYSIWSG text editor that allows free text input with formatting tools
  • Card - Coloured component that supports a Heading, Content and Button with a coloured background
• Advanced - Components that are more limited or intended for a specific purpose
  • Contact Grid - Supports child Contact Cards that allow you to create a grid of contact methods
  • Product Card - Displays information about a specific product in a Card Component
  • Loan Pricing Slider - Displays pricing sliders for specified Instalment Loan products
• Layout - Used to position components better within the layout
  • Container - Wraps child blocks within container block that adds a margin and centers the blocks on the page
  • Row - Distributes child blocks along a row
  • Floating Columns - Formats rows with the floating column styling that makes blocks appear to "float" on top of each other
  • Panel - Used to wrap child blocks within a section to enable you to link to it.