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:
- Open the drop-down menu under 'Bottom of page fixed-position components'.
- Select 'Location'.
- Click 'Add component'.
The Location component will appear beneath 'Component(s) currently in use'.
Adding content to the Location component
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:
- Open Google Maps and find the event's location.
- Right click on the location.
- Left click on the numbers at the top of the pop-up box (this copies the numbers to your clipboard)
- 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.
- Move the map so the location is in the centre of the screen.
- Zoom in so the location is clear but you can see enough of the surrounding area to see where it is.
- Click the 'Share' icon from the menu on the right – it looks like a box with an arrow coming out of it.
- A sidebar will open - click the 'Include marker' box - a blue marker will appear on the map.
- Drag the marker to the event's location.
- Click 'HTML' in the sidebar.
- Copy the HTML code.
- 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.
Related content
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:
- Add some short, descriptive link text to the 'Related content button text' field.
- 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.