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

W P Geography 19

09 Apr 2024

Navigating the Educational Landscape: What is a prep school and why should you consider one?

Deciding on the best educational path for your child is a significant milestone for any parent, particularly when considering the transition from state primary education to the independent sector. Preparatory schools, such as Walhampton in Hampshire, represent a unique choice within this landscape, distinguished by their nurturing environments, personalised attention, and a broad range of extracurricular experiences. This guide is designed to shed light on the features of prep school education, aiding parents in making informed choices for their child’s academic and personal development.

W PP Reception 87

04 Dec 2023

A Day in The Life at Walhampton Prep School: Head Visits Pre-Prep

At Walhampton Prep School, we believe in the importance of understanding and participating in every aspect of our students' education. This commitment goes to the very top, as Head, Jonny Timms, demonstrates. Mr Timms recently spent the day immersed in the vibrant world of our Pre-Prep department and, in his own words, shares a unique glimpse into daily life at Walhampton.

20231110 161105

17 Nov 2023

Moroccan mountain climb

A big congratulations to Czar for his Moroccan mountain climb which raised an amazing £600 for The British Red Cross Society. Czar took on the huge challenge during half term overcoming many physical and emotional obstacles along the way during the gruelling 20 hour journey scaling Mount Toubkai in North Africa.

W Boat Race 12 (1)

10 Nov 2023

Model boat race

Congratulations to all our children for their fantastic entries into our Eco House Model Boat Challenge. Designed over half term using our pre-made House coloured sails, we received over 100 entries.

STEAM2

06 Oct 2023

Full STEAM ahead for this year's competition winners!

The STEAM competition has become a much anticipated annual Walhampton tradition and this year’s STEAM Fair showcases the very best of Walhampton as pupils of all ages, interests and abilities gathered to celebrate innovation, creativity, and curiosity.

77F553a5 8E8d 452B 9013 Fcbd21af5975

27 Sept 2023

Pre-Prep's Autumn Stomp

This week our Nursery, Kindergarten and Reception children and their families joined us for our Autumn Stomp to help raise money for Barnardo’s as part of their ‘Big Toddle’. Everyone donned their wellies for our early morning outdoor adventure.

Walhampton Sailing Regatta

18 Sept 2023

Walhampton supports the next generation of sailors

Walhampton was honoured to support the Royal Lymington Yacht Club’s Youth Week at the end of the summer holidays. The event saw over 180 young sailors competing and having fun on the water across the three days of racing. The week culminated in a prize giving ceremony, where our Head, Jonny Timms, was delighted to congratulate the winning sailors. We partner with the Yacht Club to enable sailors of all levels, including those undertaking Walhampton Sailing Scholarships, to compete both locally and nationally.

Walhampton House 2

17 Sept 2023

2023 Year 8 Leaders

This year's leadership positions were revealed at a special assembly where pupils were awarded with their badges of responsibility.  Congratulations to our new Head Boy and Girl and all our our Year 8 leaders.

Lobbying (1)

08 Sept 2023

Tatler recognises Walhampton's eco initiatives

We are pleased to be listed once again as one of the top independent schools in the 20th edition of the Tatler Schools Guide. This year we have also made the coveted Tatler Schools Awards shortlist in the ‘Eco Warrior’ category for ‘the school that has gone green and champions environmentally-friendly initiatives’.

W Guys&Dolls 266

16 Jun 2023

A Year of Drama at Walhampton

Walhampton Drama has been in full swing this school year. Let us remind you what’s been going on...

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