Tabs, accordions and buttons
Please ensure all tab titles, accordion section titles and wording on buttons and calls to action are in UPPER CASE.
‘Information’ and ‘alert’ boxes in WYSIWYG widgets
We initially asked you to only use the information box in alternative WYSIWYGs in order to distinguish them from the main body text. However, adding alternative WYSIWYGs for every possible template has proven impossible very quickly, so we have now asked for further development from the Mosaic platform team. Going forward, you will be able to insert an “alternative info box” into any existing WYSIWYG, without having to change the entire WYSIWYG to be alternative. This functionality is expected to be developed in time for go-live.
Until this is available, please use the original template and put in a placeholder where you require information boxes. Once the new functionality is available you can update the placeholder with the correct snippet style (the snippets icon is 3rd from the right on the top row of WYSIWYG icons). The placeholder can either use the current snippet styling (which is not correct for UAS websites) or basic text. We recommend you keep a record of all instances (maybe add an extra column to your webpage checklist) so you ensure you update them all. NOTE: when inserting a snippet you should uncheck the box ‘replace all existing content…’ or all existing text in the WYSIWYG content area will be deleted and replaced by the box.
If you have already created information boxes using the alternative WYSIWYG, you do not need to change them, but you might want to use placeholders for future information boxes.
We advise that you do not activate the left hand menu on landing pages as this is not part of the design. Apologies if this was not made clear.
Spacing of content on webpages
Some people have experienced inconsistent vertical spacing on webpages. Be aware that spacing between widgets is controlled by the top and bottom margin display option on each widget. Make sure you use these consistently to improve the look of pages. Also, check that you do not have any unnecessary returns at the bottom of your text that is expanding the space between content.
Region 3, the right hand column
Remember to use the alternative WYSIWYG for widgets that you want to display in region 3 (the right hand column of the page)
Edits not appearing
Sometimes it appears that the changes you have made have not been activated after you save the page. If you experience this, press “Shift” and “F5” to clear the cache (which helps limit the load on the Mosaic server by not showing every change immediately). This action will usually make your edits visible.
You do not have to include taxonomies on your website. These are not picked up by search engines but are a tool to help you organise your content or allow visitors to your site to filter what they see.See further guidance at https://projects.it.ox.ac.uk/files/uasmosaicmanualtaxonomiespdf.
We are currently seeking guidance on best practice from PAD (Public Affairs Directorate) regarding accreditation of images on UAS websites. Once this has been received we will update the image guidance. Please be aware that the text that appears when you hover over an image is the ‘Title text’ that you insert when you upload that image into Mosaic.
When creating reusable content note that the widget into which it is inserted only allows you to insert one piece of content. You therefore can’t insert both reusable content A and reusable content B – if that is what you want to show through the reusable content option you need to create a third piece of reusable content which includes both content A and content B.
When creating A-Z pages using the templates, note that the links which are included in the templates are place-holders and will need to be updated – both the links from the letters to the relevant sections, and from the ‘back to the top’ link in each letter’s WYSIWYG. These links should be updated using the widget id which is displayed when editing the page. More details on links is available at https://projects.it.ox.ac.uk/files/uasmosaicmanualaddinglinksinandoutsid... but if you need help with these then let us know.
On the details tab for each page is a ‘Description’ field. This is intended to be completed with a short summary of the content of the page, not more than 160 characters – it is this line which will likely be displayed by search engines and will therefore help the user understand whether the search has located the page they require. More information about the page description can be found in the writing for UAS websites guidance.