Documentation Draft
Topic
The ' Topic ' block is the subject of the ' body ' section and can be used to display content that needs to be extra visible. You can set it apart by adding a background color, use and image or video, etc..
Callout
The Callout block is a part of the body that has the option to create text/content on various backgrounds, such as images or videos and add up to 3 content columns at the bottom of the block. You have several options to design the Callout block, first thing to do is to set your background .
Quote
Another text block but with extended features. It can be used for Info text, Cookies, etc.
Table
The 'Table' block is the subject of the 'body' section and can be used to compare the features of different models in a table format. We can see that the topic has two fields Title & Subtitle both will be displayed above the table.
Text
A block that can be used to add some simple text without images. This block gives an option to add some text in a line or 2 colums Use the RichText form to edit your content.
Animated Featured List
A block with a text section and animated clickable menu buttons. The menu items are hoverable and can be set up as separate Cards.
FAQ
This is a questions and answers block. In this section you can add a title and choose a background color .
Spacing
With the Spacing block, you can control the space between two blocks. Click the rectangular box to select a solid background color.
Tab Links
Tab Links allow the creation of several Cards with Images and navigation links inside the block referring to the existing articles or external URLs. Here you can define the style of the visible Tab links.
Article Blocks
We have 4 different Article Cards , all of them can be used in the body section of your webpages and customized to your needs. Please find below a sample screenshot of each Article Card version.
Article Cards
This block is a layout with an option to add several cards in a row. There is a possibility to place up to 5 cards in a row.
News
A dynamic block that works with articles already published as Cards. Here you can edit the Top Text (title) and Button Text and change the " Contain image " display.
Product Gallery
This pre-made block can pull up items from the Hyper Portal located in CMS, for example, vehicles Large title visible at the top of the block Align Top Text to the left or center Select which Product label you want to showcase Select which Categorie label you want to showcase Add button Text and select internal or external link by clicking on the " Globe " icon. Hide aggregation tab s This will hide the aggregation tabs Hide carousel buttons This will hide the carousel buttons Contain image Enclose image Accent background color Set the background color Text color Pick the text color Card url external prefix Add url HyperPortal tenantid Add tenantID HyperPortal definitionid Add definition API key Add API key Fall back HyperPortal query Add fallback url Click "+ Add" button to add more locations.
Spoilers
Another block that allows you to better structure the information on a page by hiding it under the spoiler. Click the + icon to make the content visible.
Index
A list of content displayed as hyperlinks to existing articles or external URLs helps visitors navigate the content of your website more easily. Header Text Add the title Background desktop set the desktop background color Background mobile set the mobile background color Items are added using Cards , each line is a new Card.
Feedback Form
This block allows us to integrate the Hyper Portal forms into your website so that your visitors can communicate with you by filling out some fields and press the Submit button. You can connect any Hyper Portal form to this block, all you need is to know the form's ID.
Opening Hours schedule
A pre-made block that can display the Opening Hours schedule on the website, the data for this is stored inside Hyper Portal CMS object. This is a small title shown above the columns Use image from the library or upload a new one.
Opening Hours
A pre-made block that can display the Opening Hours schedule on the website, the data for this is stored inside Hyper Portal CMS object. Click the square and select a background color for this block/section.
Dynamic blocks
	 Dynamic blocks allow you to display data from multiple existing articles in one block. It will give you flexibility with your page layouts.
Header Component
The Header Component is the section at the top of the page that will display the website's name and navigation. Here you can customize the look and content of your main website header.
Footer Component
This is a section at the bottom of a page that should be used to display copyright and legal information along with links to social media icons, or any additional navigation information about the website. Use the 'General' section for setting up the Footer Captcha copyright.
Team Overview
This pre-made block displays information about your team members and their positions. The data for this block is stored and managed in Hyper Portal CMS in the definition 'Team'.
Feature Overview
The Feature Overview block allows you to display a large section with an image, Prefix, Title, and Subtitle, including a small image and 3 levels of text.
Feature description
This block can be used for presenting some details about your product. It consists of Option and Value spaces for describing your block in a list style in two columns Add a new Card for each new line in this block by going to the ' Table items ' section and clicking the ' Add ' button Image select an image to be displayed next to the text field Prefix first line of text, small fontsize Title Add a title, large fontsize Subtitle Text visible underneath the title Each line in the form is displayed by adding a Card.
Contact banner
You can use this "Contact banner block" to provide your visitors with ways to get in touch with your business. You can add a title and some text content to this block, this is how it will look To set up a banner message (as shown on the left), you need to choose the ' Text ' block on the right of the builder page and type your message there Subheader This is the first text line in the first column (small fontsize) Header This is the main title in the first column Text This is the content in the first column For adding your contact details, please choose the ' Second text ' section and list your contact information there.
Download App
With this block, you can set up clickable buttons leading to your external applications. Available button styles are for the App Store and Google Play.