Sue Busher

Can anyone point me in the right direction of the Seat Planner code which was referred to in one of the Frog Conference presentations? It is something teachers have been asking for (and would be great if it could link with MIS systems, like SIMS).

Has anyone developed any HTML which has a better way of showing interactive news? I don't want it to take up too much room on our dashboard but at the same time, I need it to be able to link to specific articles - a bit like the attached.

Thank you so muc @Chris.Smith. Much appreciated

We tend to use IE and Chrome.

Agree that up-to-date videos of how to use Frog, Frog Snap etc would be very useful for all its users. Is this something which is being worked on @Edd?

Hi We are trialling something similar for our Hearing Impaired unit, although it is aimed at staff rather than the pupils. We have links to the network where useful documents are held.

Hi We are one of the schools that gets the release slightly earlier and it appears to have messed with the HTML Carosuel widget in terms of ordering the files alphabetically. Is anyone able to help me amend the HTML code so I can see the files in the order that I load them? It is causing havoc with a number of my sites and I still much prefer this system than the new Image Carosuel 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%; 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: 35%; border-left-color: #FFFFFF; } .carousel-arrow-left { right: 35%; border-right-color: #FFFFFF; } </style> <div id="carousel_staff_dash" class="carousel slide carousel-fade col-lg-8 col-offset-2"> <ol id="filedrop-slide-show-count_staff_dash" class="carousel-indicators"> </ol> <div id="filedrop-slide-show-img_staff_dash" role="listbox" class="carousel-inner"> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#carousel_staff_dash" data-slide="prev"> <span class="carousel-arrow-left"></span> </a> <a class="right carousel-control" href="#carousel_staff_dash" 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_staff_dash').carousel(); var baseURL = Frog.Utilities.getBaseUrl(), // Change fileDropUuid to the UUID of your file drop widget fileDropUuid_staff_dash = 'A89C0DFE20028A6D14CFCFE101E98F01261AD9CCABAA75FD' ; Frog.Model .api('filedrop.get', { filedrop: fileDropUuid_staff_dash }).done(function(filesResponse) { var $fileList = $('#filelist'), $slideShowCount = $("#filedrop-slide-show-count_staff_dash"), $slideShowImageContainer = $("#filedrop-slide-show-img_staff_dash"), 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>

Anyone else getting complaints about the new 'Forgotten Password' functionality that has come in with Dickens Release? Don't get me wrong, great piece of functionality if you don't use Active Directory. But as a user, they don't know that and expect it to work. I am looking for additional votes to see if this can be an option to turn off and on, based on profiles. Please vote if you agree with me: https://ideas.frogcommunity.com/ideas/FRG-I-1139

Gutted

I agree these are all the same thing - voted on all three though @mmclaughlin

That is exactly what I am after @Graham Quince.Can you send me a copy of the code now? Pretty please?

Thanks @clangstaff. Don't suppose you also have some code for a Stopwatch?

Thanks. Can you let me know where I can add in the font, font size and colour? Not very good at HTML. @clangstaff

Thanks Graham.

Thanks @clangstaff. I've emailed you directly.

Does anyone have some HTML code that works within Frog Learn that will display the Date and Time like DD Month Year HH:MM That will automatically adjust to British Summer Time and back again? Thanks in advance I found this code on line but can't get it to work: <script type="text/javascript"> function GetClock(){ var d=new Date(); var nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getYear(); if(nyear<1000) nyear+=1900;<p> var nhour=d.getHours(),nmin=d.getMinutes(),ap; if(nhour==0){ap=" AM";nhour=12;} else if(nhour<12){ap=" AM";} else if(nhour==12){ap=" PM";} else if(nhour>12){ap=" PM";nhour-=12;} if(nmin<=9) nmin="0"+nmin; document.getElementById('clockbox').innerHTML=""+ndate+"/"+(nmonth+1)+"/"+nyear+" "+nhour+":"+nmin+ap+""; } window.onload=function(){ GetClock(); setInterval(GetClock,1000); } </script> <div id="clockbox"></div>

@Graham Quince

Thanks. Can they have a look at the IPad one please?

It is still doing if Graham, Despite changing this. Would you mind jumping on and having a look? Site called Governor Dashboard

I am trying to get this sclide show to work on our governors portal but can't see to get the images to fit. They are all 150 pixels wide but appear to stretch. Here's the HTML I am using: <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%; 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: 35%; border-left-color: #FFFFFF; } .carousel-arrow-left { right: 35%; border-right-color: #FFFFFF; } </style> <div id="Carousel_1" class="carousel slide carousel-fade col-lg-8 col-offset-2"> <ol id="filedrop-slide-show-count_1" class="carousel-indicators"> </ol> <div id="filedrop-slide-show-img_1" role="listbox" class="carousel-inner"> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#Carousel_1" data-slide="prev"> <span class="carousel-arrow-left"></span> </a> <a class="right carousel-control" href="#Carousel_1" data-slide="next"> <span class="carousel-arrow-right"></span> </a> </div> <script type="text/javascript"> $('.carousel').carousel(); var baseURL = Frog.Utilities.getBaseUrl(), // Change fileDropUuid to the UUID of your file drop widget fileDropUuid_1 = 'C1FF4FDD2002884A006A9F9562E31C084E913E0C945116C4'; Frog.Model .api('filedrop.get', { filedrop: fileDropUuid_1 }).done(function(filesResponse) { var $fileList_1 = $('#filelist_1'), $slideShowCount_1 = $("#filedrop-slide-show-count_1"), $slideShowImageContainer_1 = $("#filedrop-slide-show-img_1"), fileCount_1 = 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) { //alert(file.file.uuid); $slideShowCount_1 .append( $('<li>') .attr('data-target', 'Carousel') .attr('data-slide-to', fileCount_1) .addClass(function() { if (fileCount_1 === 0) { return 'active'; } }) ); $slideShowImageContainer_1 .append( $('<div>').addClass('item') .addClass(function() { if (fileCount_1 === 0) { return 'active'; } }) .append( $('<img />').addClass('img-responsive') /* ?width=400&height=500 this addition creates a new image on your Frog server at 400 pixels wide by 500 pixels high. This prevents the gallery from serving much larger pictures than required - which can cause your Frog to slow down */ .attr('src', baseURL + '/app/file/resource/' + file.file.uuid + '?width=400&height=500') .attr('align', 'center') ) ); fileCount_1++; } }); }); </script> Any help would be much appreciated. Roll on when Dickins brings the slideshow in

Does anyone have any responsive templates that they are willing to share on the Frog Store?

Exactly what I need, thanks so much Graham, much appreciated,

Can someone help provide me with the HTML code for the Website Link widget? I want to use it but to add my own icon, wording and link, so the styles remain consistent. Help with what I need to change where would be appreciated too. Thanks in advance

Thanks Graham. I think it does, but just to double check. The main thread of this gives is the baseline code, but if I add the above elements, based on what I want it to do, it should work? In other words you need the main code first - these elements don't work without it?

@GrahamQuince Thanks. So now script code around it?