Panels

Welcome to the handy guide to all of the panels and blocks that are available on the Walhampton website! 🎉

When constructing a new page, a number of different reusable panel types are available for use...


  • Content Panel
    Providing a single or double-column block layout.

  • Tabbed Content Panel
    As per Content Panel but with added tabs.

Content Panel

The Content Panel is the most commonly used panel, allowing the choice of one or two column blocks of content using a number of different repeatable block types. These block types are explained in detail below.

Accordion Block

What is the Accordion Block useful for?

The accordion component 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.

How does it work?

Simply click on the question and the answer is revealed underneath.

Is there a limit on the number of items you can add to an accordion?

No! Use as many as needed.

Embed Block

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.

Form Block

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.

Contact Us

Gallery Block

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).

Iframe Block

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).

Ethos Header

Image Block

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.

Logo Block

The logo block provides an elegant way to add a grid of logos in different shapes and sizes.

Map Block

A Quote Block is similar to a Text Block but intended for adding prominence to a quote or testimonial. Start and end quotes can be removed if required along with the name of the person the quote is attributed to.

— Steven Hart, Growth Development Lead at Etch

Signpost Block

Ethos Header

Signpost Item 1

This is a signpost panel. You can add as many items as you like here to build up a content grid.

Ethos Header

Signpost Item 2

This is a signpost panel. You can add as many items as you like here to build up a content grid.

Ethos Header

Signpost Item 3

This is a signpost panel. You can add as many items as you like here to build up a content grid.

Stats Block

A useful block for displaying rows of statistical data. Each statistic can be in any format.

  • 828ft

    Height of the Burj Khalifa

  • 2737m

    Length of the Golden Gate Bridge

  • 1.2bn

    Great British Pounds needed to build the Shard

Team Block

Jamie Johnson

Jamie Johnson

Developer

Over 10 years experience in website design and development, with particular expertise in Umbraco.

Steve Smith

Steve Smith

Product Designer

Over 10 years experience in website designing products, with particular expertise in Figma.

Jonny Jones

Jonny Jones

Delivery Lead

Over 10 years experience in delivering digital products.

Text Block

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...


Heading 2

Heading 3

Heading 4

Heading 5

Paragraph text (this is the default text style if nothing is selected within 'Formats'). Aerospace is the human effort in science, engineering, and business to fly in the atmosphere of Earth (aeronautics) and surrounding space (astronautics), combined in aerospace engineering. Aerospace organizations research, design, manufacture, operate, or maintain aircraft or spacecraft.

Basic Link

Call to Action Link

Button Link

  • Bullet (unordered) List - Item 1
  • Bullet (unordered) List - Item 2
  • Bullet (unordered) List - Item 3
    • Indented I
    • Indented II
    • Indented III
      • We're really indenting now!
      • Ok, that's enough
  1. Numbered (ordered) list - Item 1
  2. Numbered (ordered) list - Item 2
    1. Indented...
    2. And again

Some italic text

Some bold text

Video Block

Articles & Events Panel

The Articles & Events panel will render a grid of articles or events depending on the chosen source. It is possible to restrict the number of articles/events displayed within the panel (defaulting to 12).

Children sharing

20 Sept 2022

Talk Education Award Win

Walhampton has been awarded the Talk Education’s award for ‘Innovation in Education’ in the Pastoral Care and Wellbeing category.

Sailing Regatta 2

07 Jul 2022

Sailing regatta success

Last week, Walhampton held its first school Sailing Regatta at the Royal Lymington Yacht Club. This was for our Year 5/6 children with those who race regularly and have taken part in our U11 regattas paired up with a less experienced crew and encouraged to pass on their skills and knowledge of racing.

Honeypot

04 Jul 2022

'Thankyou' from Honeypot

At the end of the summer term, Viv Carter from Honeypot children's charity popped in to say a huge thank you to Walhampton. Even though Honeypot is not one of our school charities this year, she said the huge donations given during lockdown from the School had kept them up and running.

Eco Day Jonny

13 Jun 2022

Celebrating Eco Day

What a brilliant way to start this year's Eco Day. There was plenty of curiosity from across our year groups as we talked, shared and listened to how we can all help to save our planet. As part of our Eco Day to launch our Carbon Zero pledge, we welcomed author Mattea Pauc of Re-Educating Earthlings plus entomologist Dr George McGavin.

Bug hunting

28 Mar 2022

Sustainability

There is no doubt that Walhampton is a school with green thumbs. With many eco-initiatives that have superseded the requirements for the ‘Green Flag Status’ it is clear that Walhampton cares deeply for the environment.

Opera Evening

21 Mar 2022

The Magic Flute

Walhampton’s first School opera is a success. Walhampton staged its first opera performance of ‘The Magic Flute’ this week to a packed audience of family, staff and special guests from the local community. 

House 3

17 Mar 2022

Alumni Blog 2022

Returning to Walhampton after five years has emersed me into nostalgia. As the new music and drama assistant seeing a school from a staff perspective has shined new lights on old memories.

Wallhampton School 27 Websize

18 Mar 2021

My Morning in Pre-Prep

This week I spent a morning in Pre-Prep. Some of the children were, I was told, incredibly excited about my visit as they did not even realise they had a Head.

Flags

01 Jan 2021

A letter from our new Head to 2021

Dear 2021 I’m so glad you’re here! Your older brother, 2020, was an oppressive one. Whilst he highlighted just how important community is, he was perplexing and unpredictable. You never knew what was coming next with him.

Tabbed Content Panel

The Tabbed Content Panel is the very similar to the Content Panel, allowing 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...

  • First Tab
  • Second Tab
  • Third Tab

Aerospace is the human effort in science, engineering, and business to fly in the atmosphere of Earth (aeronautics) and surrounding space (astronautics), combined in aerospace engineering. Aerospace organizations research, design, manufacture, operate, or maintain aircraft or spacecraft. Aerospace activity is very diverse, with a multitude of commercial, industrial and military applications.

Ethos Header
Ethos Header

Aerospace is the human effort in science, engineering, and business to fly in the atmosphere of Earth (aeronautics) and surrounding space (astronautics), combined in aerospace engineering. Aerospace organizations research, design, manufacture, operate, or maintain aircraft or spacecraft. Aerospace activity is very diverse, with a multitude of commercial, industrial and military applications.

The advance of technology is based on making it fit in so that you don't really even notice it, so it's part of everyday life.

— Bill Gates
Ethos Header
Cookie Preferences