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:

  • in-person on campus
  • in-person off campus
  • online
  • in-person with an online option

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 beta-content@bath.ac.uk 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 a location to an Event page, even if the event is online only.

Location type

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

You can choose to:

  • link to an existing Location page that's already published on the University website
  • add the address and other location information manually
  • add the event as 'Online' if attendees can only join online - you'll be asked for a URL through which attendees will be able to access the event
  • link to a Location page or manually entered address, and an online option for those who prefer to attend the event virtually

Summary

If the event is in a physical location, 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 'Use a published Location page' from the 'Location type' 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 web-support@bath.ac.uk 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.

Adding online event details

If you choose either 'This is an online event' or 'This is an in-person event with an online option' from the 'Location type' drop-down menu, you will be asked to:

  • add a URL for the online event
  • choose whether you want to show the 'Join online' button on the event page

You may, for example, choose not to show the 'Join online' button until the day of the event to avoid any confusion.

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