Hi Alison
ok that's a very different question and isn't actually full screen it's just plain old fill window but custom css has been added to the LO to make the background image fill the whole container and the header and footer to be transparent. We do a similar thing with some of the future teacher talk LOs where the first title page has a full image background and then subsequent pages have a mix of pages with the normal header and footer and no background image e.g.
learningapps.co.uk/futureteacher/play_124#resume=1
and
learningapps.co.uk/futureteacher/play_145#resume=1
In the example from Cardiff (By Neil Pollock) there's custom code and css on every page changing the background image and creating the more info link but fundamentally these are all just the xerte object set to fill window with custom code and css to change the background image and header/footer styles etc.
A simple way to achieve this on a title page is to add the following custom css to your title page:
Code:
#x_background {
background:url(FileLocation + 'media/yourimage.jpg ');
background-repeat: no-repeat;
background-size: cover;
}
#x_headerBlock {
background: transparent;
}
#x_footerBlock {
background: transparent;
}
#x_footerBg {
background-image: none;
}
#x_pageNo {
background: transparent;
}
Upload the background image you want to the media folder of the project then change yourimage.jpg in the css to the name of the uploaded file but keep the rest e.g. FileLocation as it is.
This will work for a title page or plan text page etc but obviously not for the whole range of page types where a backhround image would be covered by other elements.
HTH
Ron
