Welcome to the EtchCMS Component Guide
Hello there content editor! 👋 Welcome to the handy guide to all of the blocks that are available for use in building this website...
Hello there content editor! 👋 Welcome to the handy guide to all of the blocks that are available for use in building this website...
The accordion block lets users show and hide sections of related content on a page. It's great for FAQs, or any lengthy sections of text in a question and answer format.
Simply click on the question and the answer is revealed underneath.
No! Use as many as needed.
The Embed Block is useful for embedding third-party JavaScript snippets anywhere on a page. Simply paste the code provided into the Embed Code field and that's it! There is no example shown here as there are endless possibilities to what can be embedded.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Need to embed an Umbraco Form into the page? Simply choose one from a list of available forms. To create more forms, navigate to Forms from the main menu in the Umbraco back office.
As the name suggests, the Gallery Block allows the selection of any number of images to be displayed in a grid.
Each image can be enlarged with a single click (unless the Disable Lightbox switch is enabled).
This is a grid block. You can add as many items as you like here to build up a content grid.
This is a grid block. You can add as many items as you like here to build up a content grid.
This is a grid block. You can add as many items as you like here to build up a content grid.
This is a grid block. You can add as many items as you like here to build up a content grid.
Much like the Embed block, the Iframe block allows an embed of another website but via an iframe. Not intended for use with videos (see Video Block below for more info).
The Image Block is useful for adding a single image to the page.
It can also be used alongside another block type, as shown in this example of a Text Block accompanied by an Image Block.
The Image Grid Block is similar to the Gallery Block
The main difference being that the Image Grid Block allows images to be linked to other pages/content. It can also be displayed as a slider instead of a grid layout.
The Logos Block, as the name suggests, provides a simple way of displaying a grid of company logos with optional links.
Embed a Google Map with an optional marker in the centre.
The map location is calculated via latitude and longitude. The map zoom level can also be customised.
A Quote Block is similar to a Text Block but intended for adding prominence to a quote or testimonial. It's also possible to include the name of the person the quote is attributed to.
— Steven Hart, Frontend Development Lead at Etch
The Reusable Content Block, as the name suggests, allows the use of any reusable content specified via the repository in the Site Settings node.
This is an example Text Block within a Reusable Content Block! Just like any other multi-column section, it's possible to add multiple rows containing a maximum of two blocks.
A useful block for displaying rows of statistical data. Each statistic can be in any format.
Stats Block
Stats Block
Stats Block
The Tabbed Content Block allows for the choice of one or two column blocks of content using a number of different repeatable block types. The difference here is that multiple blocks can be contained within a tabbed layout, as per the example below...
This is an example Text Block within a Tabbed Content Block! Just like any other multi-column section, it's possible to add multiple rows containing a maximum of two blocks.
This is an example Text Block within a Tabbed Content Block! Just like any other multi-column section, it's possible to add multiple rows containing a maximum of two blocks.
A Quote Block is similar to a Text Block but intended for adding prominence to a quote or testimonial. It's also possible to include the name of the person the quote is attributed to.
— Steven Hart, Frontend Development Lead at Etch
Similar to the Grid Block, the Team Block allows the creation of a grid of team/staff members, with added job title/role, biography and contact links.
Over 15 years experience in website design and development, with particular expertise in Umbraco.
Over 10 years experience in website development, with particular expertise in Umbraco.
The Text Block does exactly what it says on the tin. A simple wysiwyg editor allowing for formatted text, lists, tables etc. Particularly useful in combination with other blocks in a two column layout. Text Blocks allow the creation of following elements...
Paragraph text (this is the default text style if nothing is selected within 'Formats'). Throughout the 17th and 18th century and into the early 19th century, interior decoration was the concern of the homemaker, or an employed upholsterer or craftsman who would advise on the artistic style for an interior space. Architects would also employ craftsmen or artisans to complete interior design for their buildings.
Some italic text
Some bold text
| This | Is | A | Simple | Table | Example |
|---|---|---|---|---|---|
| Cell | Cell | Cell | Cell | Cell | Cell |
| Cell | Cell | Cell | Cell | Cell | Cell |
| 01234 | 01234 | 01234 | 01234 | 01234 | 01234 |
| A | Table | Containing | Some | Data | Here |
The Video Block, as the name suggests, provides a simple way of embedding a video straight from YouTube or Vimeo. Simply paste in the URL to the video and EtchCMS will do the rest!