This is by far one of the most widely utilized components, mainly for how much it offers inside of one component. This is really two components, but we are grouping them together due to the similarities.
The Blade/blade multifield component (I’ll say Blade for short) can currently be used on several templates.
Here are the main action points of each:
Blade
Content -- Title, Description, Image, Image Alt Text, Video URL
Button -- Button Link, Button Text, Button Style, Button colors
Theme -- Image on the Left, text color, background color, padding
Blade Multifield
Settings
Blade Styles -- Column List, Column CTA, Column CTA Boxes, Navigation Vertical, Navigation Horizontal
Blade Background Image
Content
Ability to add multiple items
Navigable Title
Title
Description
Link Path
Link Label
Depending on the configurations you make to the component, you can get quality visuals.
Here are the steps we took to get the Navigation vertical style layout.
Create a new page (or use an existing page) that is based on either the Content Page Template or the Landing Page Template
Click on “Drag Component Here” and then click on the “+” icon to pull up a list of available components
3. From the “Insert New Component” list, select “Blade Multifield”
4. You should now have a plain white box added to your page. This is your Blade Multifield that you can now begin to configure.
5. The “Settings” tab allows you to configure the Style and Title of the component, as well as add a background image to the component
6. The Content tab allows you to add different sections of the Blade Multifield, we’ll be adding 3 separate items for this example.Click Add under the Items section.
Make sure you fill out each of the boxes under the Content tab. The Navigable Title allows the user to go between the items. When all 3 of the items are filled out, this is what the final product of your work will look like. Since we went over one of the more complex versions of the component, we will not be covering all of the other styles.
©1994-2022 Cru. All Rights Reserved.