Streamblocks category Other blocks

Raw HTML block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris efficitur lorem a nisl consequat, sed vestibulum nunc dignissim. Praesent varius et magna sit amet tristique. Praesent sit amet tellus purus. Curabitur consectetur enim quis quam mattis sagittis. Morbi dapibus dolor urna, sit amet tempor nibh convallis at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer et pretium lectus. Aenean vitae tortor sodales mauris pellentesque fringilla a eu velit. Sed purus orci, pulvinar in sollicitudin id, volutpat pellentesque enim. Phasellus porttitor, mauris cursus commodo hendrerit, velit sem porttitor urna, et porttitor lacus mauris eget neque. Morbi mollis nisi erat, ac fermentum nunc tincidunt id. Fusce et felis nulla.

Raw HTML block - screenshot

This block consists of pure text that can be html-formatted, e.g. text parts that are underlined or in bold

Setup

Title - The title of the HTML block, this does not show up on the page

HTML - Here the HTML formatted text is inserted

Show block - When to show the title (see more info here)

Map block

Map block - screenshot

Integration of Google maps on a page with a specific latitude and longitude inclusive of a popup item for a specific location

Setup

Title - The title of the map, thi is not visible on the page but each map used must have a unique title

Slug - Use lower case of title

Height - The height of the map in pixel
Latitude - Use a Google Map latitude to center the map
Longitude - Use a Google Map longitude to center the map

Zoom - The zoom level for the map, lower number gives a more zoomed out result

Is fullscreen - When selected, the map will show is fullscreen format

Small vertical margin - Minimize top and bottom margins and use less space on the page
Background theme - Choose between a dark or light background
Show block - When to show the title (see more info here)



Setup of Map item

Title - The title for the popup item, in this example the Cathedral
Text - Text about the the popup item

Image - The image of the popup item

Latitude - Use a Google Map latitude for the popup item
Longitude - Use a Google Map longitude for the popup item
Type - This refers to the marker on the map, choose between circle and font-awesome. See the 'font awesome 5' icon library, reference guide for icons is available at font awesome 5 icons.
Size - The size of the marker
Icon - The 'font awesome 5' icon used here is 'map-marker'

Color - The color of the map marker (e.g. the circle)

Testimonial

Testimonial screenshot

Integration of testimonials for a page inclusive name and testimonial text, text can be on top of an image or with a background color

Setup

Title - The title of the testimonial, this does not show up on the page

Background image - It is possible to insert af background image, in the above example, there is no image

Description area dark - Can be used if a background image is light or have many colors

Image - Background image, which will be stretched over the banner

Color for background - If image not used, color for the banner background

Color for text - Should be opposite of background image or color to be visible

Small vertical margin - Minimize top and bottom margins and use less space on the page

Show block - When to show the title (see more info here)

Item list - The testimonial item/s to be used
Title - The title of the testimonial
Text - The text of the testimonial is inserted here
Testimonial person - The reference to a person

Choose color for your title text - Choose between 9 text colors

Chose color for your text - Choose between 9 text colors

Chose color for your author text - Choose between 9 text colors

Alerts

Alerts - screenshot

A page that has one or more alerts, an alert can have an internal or external link that leads to another page when clicked. An alert can be defined in such a way that a user can dismiss it (close the alert window). There are different possible alert types, e.g. danger, warning, info.


Setup

Title - The title of the alert, this does not show up on the page

Show block - When to show the title (see more info here)

Item list - The alert/s to be used

Text before - Text placed before (optional) alert link

Text after - Text placed after (optional) alert link

Link - Link properties - where a link can be defined, in this example 'Gallery' is the link leading to the internal to the external page varna.guide4city.com/varna-gallery. This link can also be an internal page

Alert style - Choose bewteen 8 alert types, e.g. danger, warning, info, light, dark.

Alert icon - Choose bewteen 3 icons and no icon

Is close - When selected the user can dismiss the alert, i.e. close the alert window

Is fullscreen - When selected the alert is rendered fullscreen

Canva embed

Canva - screenshot

Content from Canva (e.g. graphics, video, spreadsheet) can be integrated in this block type

Setup

Title - The title of this Canva block, this does not show up on the page

Canva location - Here the Canva code is inserted, go to Canva and copy the url link under 'Share - Embed'

Background theme - Choose between a dark or light background
Show block - When to show the title (see more info here)