Nunc pulvinar molestie elit sed volutpat. Quisque placerat mauris at ipsum commodo, eget mollis turpis congue. Maecenas tempor sem eros, eget porttitor nisi venenatis eget.
Nam vitae sapien dui. Sed pretium eu orci non suscipit. Morbi placerat, purus non pulvinar luctus, leo velit sagittis orci, at fringilla nisi odio nec metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi auctor auctor dapibus. Nulla ultricies, mi in consectetur sagittis, risus mauris tincidunt lorem, at viverra velit nisl vitae tellus. Donec vel faucibus dui. Nam vehicula vitae dui at euismod. Morbi malesuada risus nec elit scelerisque sollicitudin. Proin aliquam enim a facilisis condimentum. Morbi imperdiet dictum urna, ac ornare odio eleifend a. Etiam at lacinia nisl.
heading
We make some automatic typographical improvements, like preventing widows and orphans and converting some characters. The text below demonstrates some of the improvements made:
“3/4 of all people like having common typography improvements made ‘automatically’ - & that’s a fact that you don’t need to have worked at NASA to recognise…”
- Straight quotes (' and ") to curly quotes (’ and “)
- Double dashes to em-dashes (-- to –)
- Three consecutive full stops to the ellipsis character (... vs …)
- 1 / 2 to 1/2
Content listings allow you to create a flexible list of curated of content. Automated listings by content type and tags are available by default and additional filters can be developed. They default to using our card display mode, but we can make other ones too, like a super basic teaser. You can specify the max number of items per row too.
Here’s an example of the few of the options, demonstrated using our Tabs component:
Example child (second level) page
Terms & conditions
First level page
Here’s just two cards, so they take up more room. Maybe they’re particularly useful or important?
Privacy policy
Terms & conditions
First level page
Example child (second level) page
The content listing component can be configured to show content in any display mode. Here we’re using an ‘image card’ display mode.
Privacy policy
First level page
Example child (second level) page
Here’s an automated ‘one per row’ listing of generic content teasers with the ‘Example content’ tag.
Above is a demo of:
- An image from the media library that is wrapped in a link
- A YouTube video from the media library
- A Vimeo video from the media library
To the right or below is a demo of file/document downloads.
You can also use the internal link tool in our Rich text component to link to documents within text. Voyager will add the file type and size to your links automatically so your visitors can avoid downloading big files on their phones, for example. Here’s an example spreadsheet (XLSX, 184.46 KB), PowerPoint file (PPTX, 1.26 MB), and PDF (PDF, 7 bytes).
We can create flexible layouts using Drupal’s Layout functionality. The example below is made by combining our existing Rich text component with our Media component, using our Layout row and Layout column components. This reduces the complexity of the site as we can compose any grid-based layout we want, without having to add layout controls to existing components.
Mauris at nibh at nisi maximus posuere. Vivamus suscipit, ex nec varius maximus, quam orci hendrerit odio, ut mattis tortor justo sed lectus. Pellentesque id tempor metus, quis fringilla diam. Ut luctus imperdiet felis at aliquam. Nam at tortor tempor, suscipit urna eget, scelerisque ipsum.
Phasellus placerat id nunc vel laoreet. Duis suscipit massa id turpis hendrerit commodo. Duis mollis consequat suscipit. Suspendisse auctor iaculis pulvinar. Sed ultricies, sapien condimentum dignissim posuere, augue eros eleifend turpis, eu facilisis lacus mi pellentesque ex. Integer finibus, dui at tincidunt elementum, ex ante pulvinar justo, at pulvinar purus eros eget nisl. Ut a lorem quam.
Sed mauris tortor, consequat vitae gravida vitae, finibus condimentum risus. Phasellus nec tortor orci. Aliquam vitae sapien sed tellus rutrum aliquam. Donec ultrices lacus sit amet fermentum auctor. Duis vel odio est. Suspendisse varius erat vitae arcu tincidunt vulputate. Nam sed tellus quis ipsum tempus aliquam vitae egestas nulla. Morbi at ullamcorper libero.
Here’s a responsive example which presents a triptych of an image component, button component, and in one case, a rich text component.
Nunc efficitur gravida orci lobortis gravida. Suspendisse potenti. Proin imperdiet accumsan libero. Pellentesque tristique velit vitae gravida laoreet. Duis non fermentum ex. Nulla in lobortis tortor, sit amet bibendum ex. Proin a orci elit. Vivamus sed convallis ex, vitae iaculis quam.
Sed commodo est tellus, at ullamcorper est lacinia bibendum. Aenean orci nulla, finibus commodo nibh eget, lacinia tempor urna. Vestibulum nisl neque, maximus non mauris commodo, auctor vulputate urna. Cras dictum justo ac neque fringilla iaculis.
You can use the Logo list component to display the logo of partners, accreditors, or sponsors. Here, we’re demonstrating it with the logos of the CTI Group.
Custom forms allow you to easily collect information from users, submissions can be viewed through the admin interface, downloaded or sent via email. A wide variety of form elements, demonstrated below, are available to construct your forms. A simple contact form is provided by default.
Our Embed component allows embedding content from:
- YouTube
- Vimeo
- Spotify
- Soundcloud
- Wistia
- Github Gists
- Scribd
- Tumblr
- …and many more websites that use the oEmbed standard of providing embeddable content
We also have an iFrame component for embedding things like surveys or 3D tours as well as content from websites that cannot be embedded via the Embed component.