Skip to main content

Using the Location component in Typecase

How to use the Location component on the University website to show people where an event is taking place.

Location information on a live page.

When to use the Location component

Use the Location component on an Event page to tell users where the event is happening. The location can be:

  • on campus
  • off campus
  • online

You can also provide additional details about the location, like accessibility information.

Creating accessible content

You must make sure your content is accessible.

As a public sector body, we're legally required to make the content on our website as accessible as possible. The government checks our content to make sure it complies with the internationally recognised guidelines from the World Wide Web Consortium (W3C).

Find out more about accessibility or contact if you have any questions.

Finding the Location component

To find the component in the Event template:

  1. Open the drop-down menu under 'Bottom of page fixed-position components'.
  2. Select 'Location'.
  3. Click 'Add component'.

The Location component will appear beneath 'Component(s) currently in use'.

Adding content to the Location component

The Location component in Typecase.
The Location component in Typecase.

You must add one location to an Event page, even if the event is online. You can't add more than one location.

Location type

Use the 'Location type' drop-down menu to choose how to enter the event's location.

You can choose to:


If the event is in a physical location (not online), you must add a summary about the venue. If you can, provide information about accessibility at the venue, for example, whether there are hearing loops, lifts, and ramps available.

Using a published Location page

Use a published Location page if the event is:

  • on campus
  • in a University-owned building
  • at another venue with a Location page, like Bath Abbey

To do this, select the existing Location page from the 'Location page' drop-down menu.

If you need to add more details before the location's address, for example, a room name or number, add this to the 'Detailed address' field. Make sure you write room names in full, for example, 'East Building Lecture Theatre 1.1', not 'EB 1.1'.

Email if you can't see a suitable Location page and think adding one will help your users.

Adding the address manually

If the event is somewhere without an existing Location page, enter the address manually.

Use the radio buttons to select whether the event is on campus or off campus.

Fill in the text fields under either 'On campus' or 'Off campus'.

If the event is on campus:

  • you must name the building or area, for example, 'the Parade'
  • you can add a room number - make sure you write room names in full, for example, 'East Building Lecture Theatre 1.1', not 'EB 1.1'
  • Typecase will automatically add the University's address after the room details

Adding latitude and longitude

You can choose to add the latitude and longitude coordinates of the event's location. To do this:

  1. Open Google Maps and find the event's location.
  2. Right click on the location.
  3. Left click on the numbers at the top of the pop-up box (this copies the numbers to your clipboard)
  4. Paste the numbers into the 'Latitude' and 'Longitude' fields - the first number is latitude, the second number is longitude.

If the event's location is in the British Isles, the latitude should be between 49 and 61, and the longitude should be between -11 and 2.

Adding an embed code for a map

We use OpenStreetMap to embed maps in Typecase.

If the event's location is on campus, go to the University of Bath on OpenStreetMap.

If the event's location is off campus, go to OpenStreetMap and search for your location.

  1. Move the map so the location is in the centre of the screen.
  2. Zoom in so the location is clear but you can see enough of the surrounding area to see where it is.
  3. Click the 'Share' icon from the menu on the right – it looks like a box with an arrow coming out of it.
  4. A sidebar will open - click the 'Include marker' box - a blue marker will appear on the map.
  5. Drag the marker to the event's location.
  6. Click 'HTML' in the sidebar.
  7. Copy the HTML code.
  8. Paste the HTML code into the 'Embed code' field in the Typecase template.

If the event is in a physical location (not online), you can add a Related content button to help users find a relevant page.

The Related content button appears at the bottom of the Location section.

To add a Related content button:

  1. Add some short, descriptive link text to the 'Related content button text' field.
  2. Add the destination page URL to the 'Related content button web address (URL)' field.

Working in the template

The Location component is a fixed-position component, so you can't move it to another part of the page.

Click 'Collapse this section' to hide the Location component while you work on other areas of the page. The content will still appear on the preview and published pages if you collapse part of the template.

Contact us

If you have any questions about creating content or using Typecase, get in touch.

On this page