Graham Quince

Hi, Thought I'd share with you something i had no idea was being worked on. I'm currently testing out the Austen update and got very excited when I saw this feature...

I've seen some really nice uses of this widget already. My favourite...David Hillyard asks his teachers to tag any sites they've created which they are particularly pleased with with the tag "showcase". When he has visitors come to his school and he's showing Frog, there is always something new on his showcase page as a result and he never gives the same presentation twice.

As everyone knows I've been banging on about FrogCode for sometime now and from Austen onwards, you should be able to request access to this fantastic tool. I've been playing with it since Christmas and have a lot of '3/4' finished widgets. I'm slowly tidying them up, submitting them to @Chris.Smith to check my code doesn't break anything and releasing them on the Community. Having just gone through that process for the activity timer and folder search, I'm ready to find time to do the next couple. So, which ones would you like me to for finish next? Here's the list: Happy to explain what each of these are, or perhaps these aren't the widgets you care about. Let me know, otherwise I'll just pick myself.

Hi Paul sorry, - there probably is, but i've not found it. I've checked with Chris too and he's not sure. We'll bear it in mind to keep looking though. Graham

Primarily requested by Matt Day at Chosen Hill, Folder Search bypasses the search limitation of FrogDrive and allows users to search through all folders to find the files they might need. Matt wants to use Frog to host all 100+ of their policies, but has organised them into folders. Currently his users cannot search them easily in FrogDrive. With Folder Search, they can. It can also play mp4 videos directly, so it’s second use is to help create a video galleries. https://www.frogcommunity.com/frogcode/showcase

Hi all, At long last and much requested, you can now download and install an activity timer widget. Teachers can set 3, 5, 10 or 15 minutes or enter a time manually. The timer can be paused, stopped etc… It even plays an alert sound when the time is up. https://www.frogcommunity.com/frogcode/showcase

Hey everyone, In case you're not aware, we're running another event for FrogCode. @Chris.Smith and I will be on hand at the Judd School to help you get started building widgets https://www.frogeducation.com/events/code Graham

Stay on-site - it costs more but then you get access to the parks when it is quieter, and no driving/parking issues. Driving to the parks adds at least an hour onto your day. Depending on the age of your kids - Disney for pre-teens, Universal for teens. If you do go to Disney, get the Magicbands - they start at $12, but means you're not constantly fishing in your pockets for everyone's tickets. You need to present tickets/magicbands when using the line skipping FastPass system. If you go to Universal, buy lanyards which have ticket holders. Use Disney's awful FastPass+ system (it's an app) - it means you have to book rides months in advance, but you don't queue in the mornings. Once your FastPasses are used up for a day, then you're pretty much stuck queuing, but if you stay on-site, you can disappear to the room or swimming pool until the parks quiet down. Meal plans are kinda useful, we didn't use them, but then we don't have kids - at least it means you're not checking how much you're spending each day. Don't try taking your own food. They do bag searches and will remove everything but water. But it's so hot, any water you bring with you is undrinkable in the heat. Unfortunately, you do end up feeling like you're overpaying.

It was World and mainly it was Universal Studios/Islands of Adventure. And we saved up for ages

I've just checked with @Chris.Smith on this and if we understand correctly, then we think FrogCode is a solution for you here. you can upload all files into an application project, then edit the HTML to correct the links. (Yes - it's a bit more work than Frog Web), but you should end up with a solution that works. @gbligh - if you can email me an example, i'll try it out and let you know.

Hi @mobrien, I think our design team did this, here's the CSS from their website: <style> .widget_calendar table { margin-top: 0px !important; } .widget_calendar { width: 450px; margin: 0px auto 0px 0px; } .widget_calendar table.withchrome tbody tr td, .widget_calendar table.withchrome tbody tr th { border-left: none; border-top: none; } .widget_calendar table.withchrome tbody tr td:last-child, .widget_calendar table.withchrome tbody tr th:last-child, .widget_calendar table.withchrome tbody tr td.last-child, .widget_calendar table.withchrome tbody tr th.last-child { border-right: none; } .widget_calendar table.withchrome tbody tr:last-child td, .widget_calendar table.withchrome tbody tr.last-child td { border-bottom: none; } .ie8 .widget_calendar table { border-bottom: none!important; } .ie8 .widget_calendar tbody tr td, .ie8 .widget_calendar tbody tr th { border-left: none; } .ie8 .widget_calendar tbody tr td.last-child, .ie8 .widget_calendar tbody tr th.last-child { border-right: none!important; } .ie8 .widget_calendar td.last-child td { border-bottom: none; } .widget_calendar .calendar-widget-title h1 { background-image: none; height:0px; display:none; } .widget_calendar .calendar-widget-title span.first-child { background-image: none; height:0px; display:none; } .widget_calendar .calendar-widget-title span.last-child { background-image: none; height:0px; display:none; } .widget_calendar .calendar-widget-title { height:0px; } @media screen and (max-width: 800px) { .ui-theme-tglanding-container .widget_calendar { width: 450px; margin: 0px auto 0px auto; } } @media screen and (max-width: 450px) { .ui-theme-tglanding-container .widget_calendar { width:calc(100% - 20px); margin: 0px 10px 0px 10px; } } </style>

Hi, Yes, there is a way of doing this. You should think about replacing the current widget.edit section, with a widget.edit and widget.save This example is from the office365 widget, but there's a few others on the alpha build: 'widget.edit': function(el, ev, data) { this.renderPlaceholder(); }, 'widget.save': function(el, ev, data) { this.renderPlaceholder(); }, renderPlaceholder : function() { this.element.html( this.view('placeholder.ejs') ); this.element.find('.placeholder').css("height",this.prefs.height.value+"px"); this.element.find('.placeholder').css("line-height",this.prefs.height.value+"px"); } This runs a function called renderPlaceholder which uses .find to update elements of placeholder.ejs You can also add the same function call in for the widget.live function too.

Adding this element to a preference type: accordion: 'settings.advanced' allows you to "hide" advanced settings in a drop down area, for example: prefs: { label: { type: 'text', label: 'This is a text field', defaultValue: '', accordion: 'settings.advanced' } },

I'm in awe! This is absolutely brilliant, well done. If you're serious about wanting ideas for improvements. I know you mentioned pre-setting the colours? Using the accordion preference - (I'm at home, I'll post tomorrow) you could hide extra configuration stuff for the casual user. And have you thought about being able to define site links so that any timetabled lesson takes you to the department site?

Hi @mobrien, That's the goal - but there is a security flaw with using just the HTML widget to contain the data. I'm not prepared to highlight what that flaw is on an open forum, but it is possible to read all the data stored in an HTML widget. I've suggested similar approaches in the past to @Chris.Smith, but he's always found ways to identify all the information. The Firebase method locks the data away behind the UPN. You have to know the UPN to access just one student's data and would have to know everyone's to get their data individually. In the future, one development Chris wants to add is Web Services. This would enable you to have your own database inside FrogLearn and accessible via the HTML widget, but it would not interact with Frog's own databases. (so secure, but can't damage anything else)

You can't break anything - we always have safemode to undo HTML widgets if needed, so there's no harm in trying.

Hi @Angeliki Messari, Unfortunately not directly. it would be a nice feature. There is an ideas portal request for this: https://ideas.frogcommunity.com/ideas/FRG-I-293

Hold on. I remember this - until Austen, there is a manual fix we need to apply. @gbligh - I'll follow this up with you directly

I see the problem. The widget logo was pointing to the other widget. Try the download icon.

Nope, not for me - might be a caching thing? I wondered that too, but Chris has gone for the day - i'll have to check with him tomorrow

That's amazing. Thanks for sharing.

Hi @deanmoulder, It's simpler than that. The new Site List widget can be set to display a sites with a matching keyword/tag. The list widget then only returns sites which the user has access to. So instead of 50 widgets, 50 groups and 50 rules, you only need one widget. Graham

Yes, in the same bit of code: font-size:16pt; you might not be aware, but in the Austen release (early June) we are updating all of our (non-custom) themes, the default theme is getting a background for the menu.

Hi Pete, I've logged into your Frog and added the code to the Design and Technology site. Graham

Hi Pete, This is probably the right code: <style> div[data-site-theme="78F572742002C10A67732FA11DCEC3069A12D6FCFBDD49E8"] .tab, div[data-site-theme="78F572742002C10A67732FA11DCEC3069A12D6FCFBDD49E8"] div[data-menu-level="2"] .tab { background:rgba(0,0,0,1) !important; } <style> Note the 1 at the end of the background line, rgba stands for red, green, blue, alpha, so setting this to 1 should make it a solid colour. !important overwrites any previous setting.