Graham Quince

Unfortunately the SCORM workaround was to host the files in Google Drive - but Google pulled support for hosting on 1st September. SCORM support is currently "under consideration" on the ideas portal - http://ideas.frogcommunity.com/ideas/FRG-I-461 The more votes we have for it, the easier the business case becomes to invest time in developing a player. I'm not sure what Tin Can is, but i take it you need more than download options?

CSS font-family property is what I think you're looking for: font-family: "Times New Roman", Georgia, Serif;

Hi @deanmoulder We generally suggest ADFS for SSO with our hosted schools. This knowledgebase article should help: https://servicedesk.frogeducation.com/servicedesk/index.php?/Knowledgebase/Article/View/35/0/3rd-party---adfs---introduction--how-it-works

Here you go: https://frog.frogcommunity.com/google_folder_html

Introducing a new series of tutorials on FrogCommunity: Learning FrogLearn https://www.frogcommunity.com/learning-frog Each site takes one aspect of FrogLearn, introduces it with a video then walks you through the basics of that aspect. This is not designed as a defintive list, but takes a light touch approach rather than going in-depth. My hope is that you will be able to direct your teachers to these training materials and they will work through them in their own time. in the meantime, @Edd has been working on some in-depth guides showing the full range of features in FrogLearn. We're hoping these will complement each other. Any suggestions for additional guides are always welcome.

Hi @mmclaughlin i've just asked the question and there's a hotfix due this week that should finally address the issues you've been having. i know other schools have been running Feedback - but Talbot's set up is different. Sorry this has gone on so long for you. Graham

How would your deputy head feel about having a site that he added a new text widget to for each post? You could then use a Nested Page to bring this onto your staff dashboard. With a bit of styling (I can help) you could tweak each text widget to make it clear it is separate from the others (or jsut use the spacer widget)

Hi @Sue Busher It's really simple, just right-click on a website link widget and choose Inspect Element. In the console which pops up, copy the highlighted section. <div class="draggable sites_widget" data-uuid="BE192E2E2001B55EF23EDF7D7D59D40A84F4E6BCA96247B6" data-content-uuid="7BC5A604200282C95A9E8F687BAD52013AFD50BC439176B0"><div class="widget-close" style="display: none;"></div><div data-name="Widget.Sitelink" class="widget-content link-widget widget_sitelink"><div class="content-wrapper"> <div class="column link-info"> <h2 class="os-ellipsis" title="How we tackle bullying in our schools">How we tackle bullying in our schools</h2> <p class="os-ellipsis" title="Kate Wragg, Head of ICT for Education and Leadership Trust talks about their anti-bullying strategy">Kate Wragg, Head of ICT for Education and Leadership Trust talks about their anti-bullying strategy</p> </div> </div> <div class="column widget-icon-wrapper"> <div class="widget-icon os-background-default" style="background-image: url(&quot;file/resource/986C0DE9200309A504BD9F0B7CEBBB01911FFC4C1164E285&quot;);"><img class="site-icon" alt="icon" src="file/resource/986C0DE9200309A504BD9F0B7CEBBB01911FFC4C1164E285"></div> </div> </div></div> You then just need to change bits and strip out what you don't need and add an <a href=""> over the whole thing. <a href=""> <div class="draggable sites_widget"><div class="widget-close" style="display: none;"></div><div data-name="Widget.Sitelink" class="widget-content link-widget widget_sitelink"><div class="content-wrapper"> <div class="column link-info"> <h2 class="os-ellipsis" title="Your title">Your title</h2> <p class="os-ellipsis" title="Your details">Your details</p> </div> </div> <div class="column widget-icon-wrapper"> <div class="widget-icon os-background-default" style="background-image: url('image web address');"><img class="site-icon" alt="icon" src="image web address"></div> </div> </div></div> </a> Extra tip: If you use the Text widget to make a link, come out of the editor then Inspect and copy that link, it will provide you with the <a href > you need for your link. I'm guessing you're wanting to make page links.

You can parse JSON with the HTML widget. If you can post what you've been given here (or email it to me) i'll try and find someone to take a look.

I was all excited the other day and showed off my first widget. Speaking to @clangstaff he suggested we create a thread asking for ideas about what widgets you want built. It would be cool when FrogCode is released to have a bunch of widgets ready to go, but Chris' suggestion went further: "wouldn't it be great to have a section on the forums where people could post requests, and those school devs who can make widgets were able to respond and build them". Current thinking is about FrogCode and widgets. You will be able to share and download widgets from the FrogStore but these widgets will have their code "locked". We'll be creating an area on the community site where you'll be able to share "open" widgets if you wish. So...given all that, let's start with a list here of widgets you'd like to see and if this is successful, we'll expand it into it's own section

Here's the tutorial link: https://www.frogcommunity.com/external-linkmenu

Had 5 minutes so got a chance to look at this properly: <p id="showDate"></p> <script> var a = moment().format('ddd Do MMMM'); $('#showDate').html(a); </script> Will give you: Thu 10th November This page (alnost hidden on MomentJS.com's site covers formatting) - http://momentjs.com/docs/#/displaying/

Hi folks, I know we've been talking about FrogCode IDE for some time, but today I got my hands on an alpha build. With only a few pointers from @Chris.Smith, I've been able to build a widget in Frog. I've called it Embed or Link and it's a widget which detects if you're trying to embed a website which cannot be embedded because it doesn't have HTTPS security. If it can't be embedded it provides a link instead. Using basic IF statements in Javascript, I was able to really quickly assemble a widget (less than an hour). The screenshot below shows four examples of it in action. Hopefully you can see it also takes embed codes! There is literally not much work left by Chris and the team before we start talking to schools for a beta trial. If you're comfortable with code and would like to be part of the beta trial, let me know here or PM me.

Hi @clangstaff sorry, I've not had a chance to look at this properly. FrogLearn uses moment.js which is a more efficient timing script for Javascript (apparently). You can format text in different ways usign that http://momentjs.com/ If you want to stick with Javascript, then W3C Schools has a list of date formatting http://www.w3schools.com/js/js_date_formats.asp

Hi @Dylan.baker The tutorial is relatively new actually. I think there are some long term plans, but it's not on the immediate to-do list. I'd reccomend pushing for more votes on the Ideas Portal http://ideas.frogcommunity.com/ideas/FLRN-I-77 Graham

Hi @Corinne There is the equivalent widget. It's called Assignments. You'll have to go into Groups and Policies and turn it on (it's an app) for Admins, then you'll be able to add it to a page via the App link widget.

That's right. You need to add the last example to the converters section, replacing this: .map(function(assignment) { return assignment.assignment; }) with this: .map(function(assignment) { return assignment.assignment; }).filter(function(assignment){ return !assignment.complete; }).filter(function(assignment){ return assignment.attr('subject').name==="Geography"; })

Hi @Sue Busher So, to add a completed filter we need to add to the converters section: converters: { /* * Instructions for how to deserialize the network response * See: https://api.jquery.com/jQuery.ajax/#using-converters * * @param jqXHr Network Response * @returns Frog.Model.List List of Assignments */ 'json assignments': function(resp) { return Frog.Model.models( Object.values(resp.response.assignments) .map(function(assignment) { return assignment.assignment; }) ); } } After the .map function, let's add a filter to return a result if the assignment is not marked as completed: .map(function(assignment) { return assignment.assignment; }).filter(function(assignment){ return !assignment.complete; }) And we can add another filters for a specific subject: .map(function(assignment) { return assignment.assignment; }).filter(function(assignment){ return !assignment.complete; }).filter(function(assignment){ return assignment.attr('subject').name==="Geography"; }) Does that make sense?

Works for me on iPad. Where's your code and i'll take a look.

Just to make things really annoying for you, i've dialled into Gosforth's platform looked at the staff bulletin on both Chrome and IE and the PDF loaded into both browsers (eventually). I have a vague memory of learning that IE did have a file size limit whih might be what you're hitting.

Hi @Sue Busher The code you have here is trying to embed an HTTP webpage inside an HTTPS one. You can't do this. I did quickly try: <!-- MSE Search Widget --> <iframe id="mse-search-widget" src="https://mystudentevents.com/widget/" width="100%" height="130" frameborder="0" scrolling="no"></iframe> <!-- end MSE Search Widget --> Which loads up after a fashion.

Doesn't that cause problems? Students trying to remember passwords they set before the summer?

Strange - no luck here in either Chrome or IE. The rotate value is set to 360, which i think is causing it to flip all the way around. Are you seeing it spin? The border is having no apparent effect either - although all images uploaded to the community already have a border-radius setting.

Resurrected from the old forum, here's the code for getting your Fall into your Frog (orginally requested by @emoseley <style> .leaves { position: absolute; left: 5%; top: -15px; width: 90%; overflow: visible; } .leaves { position: absolute; left: 5%; top: -15px; width: 90%; overflow: visible; } .leaf { position: absolute; color: #DF3A01; -webkit-animation: falling 4.7s linear 0s infinite; -moz-animation: falling 4.7s linear 0s infinite; animation: falling 4.7s linear 0s infinite; } @-webkit-keyframes falling { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); } 95% { opacity: 0.8; } 100% { -webkit-transform: translate3d(0, 0, 0) rotate(360deg); } } @-moz-keyframes falling { 0% { -moz-transform: translate3d(0, 0, 0) rotate(0deg); } 95% { opacity: 0.8; } 100% { -moz-transform: translate(0, 0) rotate(360deg); } } @keyframes falling { 0% { transform: translate3d(0, 0, 0) rotate(0deg); } 95% { opacity: 0.8; } 100% { transform: translate(0, 0) rotate(360deg); } } .uk_primary .os-titlebar .navbar-inner { background-color: #d62441!important; border-bottom: 3px solid #980000 !important} body.uk_primary .os-titlebar .navbar-search input { background-color: #980000 !important; border-color: #980000 !important; } </style> <script> var frogRevealingModule = (function() { var keyframeprefix = '', domPrefixes = 'Webkit Moz O ms Khtml'.split(' '), pfx = '', elm = document.createElement('div'), autumning = new $.Deferred(); for( var i = 0; i < domPrefixes.length; i++ ) { if( elm.style[ domPrefixes[i] + 'AnimationName' ] !== undefined ) { pfx = domPrefixes[ i ]; keyframeprefix = '-' + pfx.toLowerCase() + '-'; break; } } var randInt = function(from, to) { return Math.floor(Math.random() * (to - from + 1) + from); }; var findKeyframeAnimation = function(a) { var ss = document.styleSheets; for (var i = ss.length - 1; i >= 0; i--) { try { var s = ss[i], rs = s.cssRules ? s.cssRules : s.rules ? s.rules : []; for (var j = rs.length - 1; j >= 0; j--) { if ((rs[j].type === window.CSSRule.WEBKIT_KEYFRAMES_RULE || rs[j].type === window.CSSRule.MOZ_KEYFRAMES_RULE) && rs[j].name == a) { return rs[j]; } } // Trying to interrogate a stylesheet from another domain will throw a // security error } catch(e) {} } return null; }; $.fn.autumn = function(options) { options = options || {}; var me = this, count = options.flakeCount || 20, minDiameter = options.minDiameter || 20, maxDiameter = options.maxDiameter || 35, minOpacity = options.minOpacity || 50, maxOpacity = options.maxOpacity || 100, height = this.height(), flakes = [], keyframes; var characters = ['&#x1f341;', '&#x1f340;', '&#x1F342;']; if (keyframes = findKeyframeAnimation('falling')) { keyframes[(typeof keyframes.insertRule == 'function') ? 'insertRule' : 'appendRule']( '100% { ' + keyframeprefix + 'transform: translate3d(0,' + height + 'px,0) rotate(360deg); opacity:0; }' ); } var i = count, size, css, origin; while (i--) { size = randInt(minDiameter, maxDiameter); origin = size / 2; css = { left: randInt(0, 100) + '%', 'font-size': size + 'px', height: size + 'px', width: size + 'px', opacity: randInt(minOpacity, maxOpacity) * 0.01, top: (-size - 20) + 'px' }; css[keyframeprefix + 'transform-origin'] = origin + 'px ' + origin + 'px'; css[keyframeprefix + 'animation-delay'] = (Math.random() * 10) + 's'; flakes.push($('<div></div>').html( characters[randInt(0, characters.length - 1)] ).attr({ 'class': 'leaf' }).css(css).appendTo(this)); } this.on('webkitAnimationIteration animationIteration', function(e) { $(e.target).css('left', randInt(0, 100) + '%'); }); this.data('autumn', { flakes: flakes }); return this; }; function makeItautumn() { $('.dashboard-0').autumn({ flakeCount: 50, minDiameter: 10, maxDiameter: 80 }); }; return { autumn: makeItautumn }; })(); setTimeout(function(){ frogRevealingModule.autumn(); }, 3000); </script>

Just trying out something new - I've added one of our Year 6 maths quizzes to the Community. https://www.frogcommunity.com/quiz You'll need to log into Frog Community first (easiest way is via the Community button on your FrogLearn)