Pages
A gallery of page types included in the Scrivito Example App
Author Page
A page to input, update and display an author. Includes a list of blog posts from the author if present or encourages them to add posts.
Page properties:
- Name
- Description
- Image
Blog Page
A page that displays blog posts in a timeline. Includes a tag list section to
limit posts to those including the tag.
Page properties:
- Title
- Header image (Sets the default header image for blog post pages as well.)
Blog Post Page
A page to input, update and display a blog post. When an author is added, their
other blog posts are listed at the bottom. Includes pagination.
Page properties:
- Author
- Published at date
- Header image (optional)
- Tags (optional)
Event Page
A page to input, update and display an event. Displays the title, date,
location and description of the event. The body of the event description can be
created with widgets.
Page properties:
- Title
- Date
- Location name
- Street address
- Locality
- Region
- Postal code
- Country
- Image
- Tags
Homepage
The Homepage can only be added once and is not available in the content browser
to prevent duplication. Holds all site specific settings.
Page properties:
- Title
- Header height
- Header background (image or video)
- Header gradient
- Display as landing page
- Site settings, including logos, Facebook and Twitter app ids and API keys.
Job Page
A page to input, update and display a job. Displays the title and location, the
body of job description can be created with widgets.
Page properties:
- Job title
- Image
- Date posted
- Valid through
- Employment types
- Name of the hiring organization
- Website of the hiring organization
- Street address
- Locality
- Region
- PostalCode
- Country
Landing Page
A page type for building landing pages without a navigation bar, designed to
stand alone.
Page properties:
- Title
- Header height
- Header background (image or video)
- Header gradient
Page
The base page type creates an empty page ready for widgets.
Page properties:
- Title
- Header height
- Header background (image or video)
- Header gradient
Redirect Page
The page type to create a redirect to an obj or an external link.
Page properties:
- Title
- Link
Search Results Page
A page that displays the results of a search.
Displays an additional search box and allows additional filtering by tags
(if any results have tags). Lists results with an image (if present), headline,
text extract, age, tags (if present) and link. Scrivito automatically indexes all
your content including text in PDFs, for every working copy.
Page properties:
- Title
- Header image
Widgets
A gallery of widgets included in the Scrivito Example App
Address Widget
A preformatted widget for displaying an address and contact information.
Widget properties:
- Show brand logo?
- Location name
- Street address
- Locality
- Postal code
- Region
- Country
- Address format
- Phone
- Fax
- Show border at the bottom?
25 Lorem Lis Street
Orange California 92864
US
| Phone: | +800 123 4567 |
| Fax: | +800 466 4422 |
| Email: | mail@example.com |
Blog Overview Widget
A widget to display your blog posts in a timeline.
Widget properties:
- Maximum number of blog posts
- Filter by author
- Filter by tags
Aute veniam sit reprehenderit deserunt
Mollit excepteur pariatur amet cupidatat voluptate quis
Enim ut eiusmod magna et pariatur. Occaecat labore adipisicing sunt esse voluptate est quis aliqua minim aute minim. Amet proident mollit aliquip sunt duis commodo irure nisi velit. Consectetur exercitation reprehenderit quis culpa sint aliqua incididunt anim. Non enim ex anim non reprehenderit...
Ea consequat ex eiusmod incididunt
Aliqua eiusmod irure tempor ullamco veniam nisi
Ad elit nulla amet voluptate deserunt. Sint exercitation sit in laboris magna amet consectetur laboris reprehenderit. Sit sint voluptate aute laborum. Officia sint ea excepteur pariatur ullamco eiusmod. Dolor incididunt culpa eiusmod labore nulla. Culpa officia do magna ad adipisicing. Aliquip...
Box Widget
A container widget to format the widget(s) used within. Used to overlap widgets.
Widget properties:
- Background color
- Use offset?
Button Widget
A widget for adding a linked button.
Widget properties:
- Link target and button title
- Alignment
- Background color
Columns Widget
A container widget to organize widgets in to multiple columns.
Widget properties:
- Vertical alignment
- Edit number of columns and their width
This
is
Column
1
This
is
Column
2
This
is
Column
3
Contact Form Widget
A simple contact form widget with customizable agreement and button text. When
deployed to Netlify, form data is handled by Netlify forms.
Widget properties:
- Agreement text
- Submit button text
- Background color
Divider Widget
A widget to add a divider between widgets with or without a logo.
Widget properties:
- Show logo?
Event Overview Widget
A widget to display multiple event overviews.
Widget properties:
- Maximum number of events
- Show list of tags?
- Filter by tags
Fact Widget
A widget to display a colored value and a fact description.
Widget inputs:
- Fact value
- Fact description
29Number of Widgets included in the Example App
Feature Panel Widget
A widget to list features with an icon, a headline and a description.
Widget inputs:
- Headline
- Description
Widget properties:
- Icon for panel
Drag & drop widgets
makes in-place editing possible, in-place editing is a web designer's dream
Gallery Widget
A widget to display multiple images with a fade transition and a thumbnail gallery.
Widget properties:
- Images for the gallery
Headline Widget
A widget that adds headlines to your page with several formatting and SEO options.
Widget properties:
- Style
- Heading tag (optional)
- Alignment
- Show dividing line?
- Show margin?
This is a Headline
Icon Widget
A widget displaying a Font Awesome icon.
Widget properties:
- Font awesome icon
- Size
- Alignment
- Link (optional)
Icon List Widget
A widget displaying one or more icons that can be rearranged.
Widget properties:
- Icon list
Image Widget
A widget to display an image. Drag an image file from your computer to the drop
zone or choose the image using the Content Browser (just click the widget).
Widget properties:
- Animation
- Alignment
- Alternative text (optional)
- Link (optional)
Job Overview Widget
A widget to disply multiple Job page details.
Link List Widget
A widget containing link widgets with an optional headline and easy
drag-and-drop organization.
Widget properties:
- Headline
- Links
Pricing Widget
A widget to add a styled pricing section to a page with customizable fields and specs.
Section Widget
A container widget to organize the layout of a page into sections, styled for
the example app layout.
Widget properties:
- Background color
- Background image
- Use full width?
- Use full screen height?
- Show padding?
Space Widget
A widget for adding adjustable vertical space between widgets.
Widget properties:
- Size (height)
Table Widget
A widget that provides a customizable table for organized data and an optional
summary row.
Widget properties:
- Rows
- Summary rows
| Features | Basic | Team | Corporate |
|---|---|---|---|
| Key feature 1 | 5 | 10 | unlimited |
| Key feature 2 | 20 | 40 | unlimited |
| Prices | €29/mo | €59/mo | €99/mo |
Testimonial Slider Widget
A widget to add styled testimonials to a page with a quote, author information
and an image.
Widget properties:
- Testimonials
Text Widget
A widget that displays an HTML content field for adding styled text to a page.
Highlighting text opens a toolbar for formating text or adding links.
Widget properties:
- Alignment
- Text
This is a Text Widget
Thumbnail Gallery Widget
A widget that displays clickable thumbnail images with an icon and description
when hovered over. Clicking enlarges the images into a Lightbox type gallery.
Widget properties:
- Images
- Show list of tags?
Tick List Widget
A widget that displays a list of statements, each styled with a checkmark icon.
No widget properties
Video Widget
A widget that plays video resources stored in the Scrivto CMS, uploaded via
the Content Browser (just click the widget).
Widget properties:
- Video
- Poster image (optional)
Vimeo Video Widget
A widget that plays videos from Vimeo.
Widget properties:
- Vimeo video ID
- Aspect ratio
YouTube Video Widget
A widget that plays videos from YouTube.
Widget properties:
- YouTube video ID
- Aspect ratio