Jump to content

Sue Busher

  • Content Count

  • Joined

  • Last visited

Community Reputation

197 Knows loads about Frog

About Sue Busher

  • Rank

Personal Information

  • School
    Thatcham, Berkshire

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I have generated my school Favicon, but does anyone know how I can ensure this appears on our external website rather than the Frog head? Can I add it to the school website's template?
  2. Sue Busher

    Homework Widget

    Is it possible to have this widget on a page but some code also on the page which will mean that only Science homework will be shown? Has anyone else done this? I would like to contextuallise it, e.g. only show Science homework set on the Science subject site.
  3. They all sound interesting. What I would like to continue to do (as this works well) is to embed say all the English teachers into the Subject sites 'Help' page. This often gets mentioned in Social Media threads. If you have a look at our staff directory, I'd be interested in seeing what you think.
  4. Sue Busher

    Staff Directory

    Has anyone created a staff directory? We have one which is just a site by department that shows the staff, their photo and an email address. We embed the relevant page into our pupil subject sites. However, it doesn't have a search and is quite clunky - e.g. we have to list each teacher based on what subject they teach more than once. Does anyone have anything similar? I know some schools add the list to their websites of teachers and email addresses. Just after a way of improving what we have, so ideally we only have one entry for each member of staff, but allocate them to 'show' if they are a teacher of that particular subject.
  5. We've got a trip going out to Peru and we'd like to embed two clocks on a Frog site - one should London time zone, the other showing Lima time zone. Has anyone done this before or found a site which gives you free HTML which works when embedded into Frog?
  6. Hi I am hoping that someone can help me with some HTML. We have a large Sixth Form here at Kennet and we'd created a Sixth Form Dashboard but embedded it in with rules to the Pupil dashboard (as advised by Graham Quince). This worked well so Sixth Formers saw their dashboard and Years 7-11 saw a different dashboard. We were asked to updated the Sixth Form dashboard design, which we did, however, for some reason it has kept the overall 'Pupil dashboard' icon and name, as opposed to the 'Sixth Form icon' and site name. It does, however, recognises the theme and background (created using page theme and background). Attached is a picture of the issue. Does anyone have any ideas? Graham has suggested that a piece of CSS/HTML would probably fix it for those pages but I have little knowledge.
  7. Does anyone have any good sites that provide time zone comparison embed code, like this one? https://greenwichmeantime.com/time-zone/south-america/peru/ I am after one that will show the current time at home and the one in another country. There are some sites that provide one (so I could add it in twice), but I can't seem to get it to display on the site I am working on, e.g. <script async defer id='2018112915753517' src='https://widgets.worldtimeserver.com/Public.ashx?rid=2018112915753517&theme=Analog&action=clock&wtsid=PE&hex=901c08&city=Lima&size=large'></script> Any help would be gratefully appreciated.
  8. Hi We have recently launched our new website on Frog Learn - www,kennetschool.co.uk and I have the Twitter embed code on our main home page using this code: <script type="text/javascript"> if (typeof twttr ==="undefined") { // <![CDATA[ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); // ]]> } </script> <a class="twitter-timeline" data-height="550" data-dnt="true" href="https://twitter.com/KennetSchool" data-widget-id="431011823488204800">Tweets by @KennetSchool</a> <script>if (typeof twttr != "undefined") twttr.widgets.load();</script> I would like to amend it somehow to ensure that the Twitter information fills the entire width of the module in which it is places (which also works for tablet, mobile as well as desktop. Does anyone know if this is possible? If so, what would I need to change.? Thanks so much in advance for any help.
  9. Sue Busher


    I have been asked to get our new website live in the next day or so, but this is still holidng is up. I am confused about what I need to do (or my IT colleagues). Can you help @Simon Law
  10. We are trying to get our head around the requirements of this (which all schools will need to follow by 2020). "Addressing the needs of each encounter with providers and advisors for each pupil by: keeping a systematic record of every encounter with providers and advisors for each pupil. enable pupils to have access to these records to support their career development collect and maintain accurate data for each pupil on their destinations. We were thinking that eportfolio would be a potential way of doing this. Any other ideas? Pupils will need to be able to update their own records, although not delete it.
  11. Hi I am still having problems getting the photographs on the slideshow (using old HTML as opposed to widget) to resize correctly for mobile devices. They stretch vertically. Any help would be gratefully received. Below is the HTML I am using (linked to the file drop) - the reason we are using this instead of the widget is that any of the admins can easily remove and reorder the photographs - not so easy with the widget. <style> .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .carousel-inner img { max-width: 100%; max-height: 300px; margin-left: auto; margin-right: auto; min-width: 300px; } .carousel-arrow-left, .carousel-arrow-right { top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 15px; margin-top: -15px; } .carousel-arrow-right { left: 10%; border-left-color: #FFFFFF; } .carousel-arrow-left { right: 10%; border-right-color: #FFFFFF; } #carousel_davids { text-align: center; } #filedrop-slide-show-count_david { display: inline-block; position: relative; } @media screen and (max-width:350px) { .carousel-inner img { max-width: 100%; max-height: 100px; } } </style> <div id="carousel_davids" class="carousel slide carousel-fade col-lg-8 col-offset-2"> <ol id="filedrop-slide-show-count_david" class="carousel-indicators"> </ol> <div id="filedrop-slide-show-img_david" role="listbox" class="carousel-inner"> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#carousel_davids" data-slide="prev"> <span class="carousel-arrow-left"></span> </a> <a class="right carousel-control" href="#carousel_davids" data-slide="next"> <span class="carousel-arrow-right"></span> </a> </div> <!-- This section brings back a list of the file names, uncomment if you wish this to be displayed <ul id="filelist"></ul> --> <script type="text/javascript"> $('.carousel_davids').carousel(); var baseURL = Frog.Utilities.getBaseUrl(), // Change fileDropUuid to the UUID of your file drop widget fileDropUuid_david = '4722B7DA200286ED1D2DBF15F192130EA69350FCBFE0873C' ; Frog.Model .api('filedrop.get', { filedrop: fileDropUuid_david }).done(function(filesResponse) { var $fileList = $('#filelist'), $slideShowCount = $("#filedrop-slide-show-count_david"), $slideShowImageContainer = $("#filedrop-slide-show-img_david"), fileCount = 0; filesResponse.data.resources.forEach(function(file , index) { // Check whether the file is one of these filetypes; Want to add more? Add to the array if (['jpg', 'jpeg', 'gif', 'png'].indexOf(file.file.ext.toLowerCase()) > -1) { if ($fileList.length) { // This only runs when you have uncommented the the HTML code above // This code adds file names to the ul#filelist $fileList.append( $('<li>').text(file.file.name) ); } $slideShowCount .append( $('<li>') .attr('data-target', 'Carousel') .attr('data-slide-to', fileCount) .addClass(function() { if (fileCount === 0) { return 'active'; } }) ); $slideShowImageContainer .append( $('<div>').addClass('item') .addClass(function() { if (fileCount === 0) { return 'active'; } }) .append( $('<img />').addClass('img-responsive') .attr('src', baseURL + '/app/file/resource/' + file.file.uuid) .attr('align', 'center') ) ); fileCount++; } }); }); </script> I can PM you a link to the site if you think you can help.
  12. Sue Busher


    @pconkie Now I'm confused. Are you able to see my Frog sites? I have created a 'Cover Test' site but struggling to get this to work Sorry, people with a little bit of knowledge can be dangerous!
  13. Sue Busher


    @pconkie Why won't I need a hidden network file? @Simon Law Thank you - will give it a try.
  14. Sue Busher


    @Simon Law @pconkie Thank you so much guys. Our preference is as Simon suggests as effectively once the files are moved into the appropriate folder its job done. So if I put a HTML wigdet on the page, together with a hidden network folder. would the code you suggest (providing I rename it to match our network drive and the menu file), the main menu HTML file would appear? <a href="file:///S:/Path/to/Your/MainMenu.html" target="_blank">Weekly Cover</a>
  • Create New...