Jump to content

Sue Busher

Frog Community Advocate
  • Posts

    239
  • Joined

  • Last visited

Everything posted by Sue Busher

  1. 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.
  2. 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.
  3. 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?
  4. 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.
  5. 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.
  6. 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.
  7. Sue Busher

    Cover

    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
  8. 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.
  9. 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.
  10. Sue Busher

    Cover

    @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!
  11. Sue Busher

    Cover

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

    Cover

    @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>
  13. Sue Busher

    Cover

    @Simon Law Its so hard to describe. I am effectively after a menu which when clicked on would open the files. SIMS creates all these HTML documents and a master menu, if I use file drop, it doesn't display the master menu and shows all the documents - which is a bit overwhelming as we are a large school. However, as it wouldn't be me updating it every week, it would need to be very simple to update. I can't drop the files as it contains personal data. Do you know how other schools have addressed this problem?
  14. Sue Busher

    Cover

    @Simon Law @pconkie As you are both so helpful, I wondered if you'd come across anything like my conumdrum above?
  15. Sue Busher

    Cover

    OK. Despite my post ages ago, we didn't quite get it working how we'd have liked and I figure that other schools must have faced / fixed similar issues. So SIMS generates an HTML file and places it into a folder on our network. Our ideal would be for the system to automatically display what's in that folder on the network (rather than us having to upload it into the file drop widget) and for it to display as a series of hyper links e.g. : Cover for this coming week Monday, 30 Apr 2018 Tuesday, 1 May 2018 Wednesday, 2 May 2018 Thursday, 3 May 2018 Friday, 4 May 2018 Saturday, 5 May 2018 Sunday, 6 May 2018 All of the dates are the files uploaded in the file drop widget, which when clicked on would open up. Has anyone created anything like this? Is it at all possible? Would really appreciate people sharing their 'cover pages' on Frog. Thanks in advance.
  16. Sue Busher

    Forms

    Does anyone know if it is possible for the forms Widget to use workflow? Obviously with the new updates with the form widgets, cost savings and GDPR, I was thinking that it would be a great addition to be able to send forms via a workflow process online. Does anyone use a system which does this or know how we could do it within Frog as it stands?
  17. Sue Busher

    Code Help

    Temporarily put the website 'live' and accessed it from home (outside school network) and it works fine. Would appear to be something behind our firewall stopping it working. Thanks for your help @pconkie @Simon Law
  18. Sue Busher

    Code Help

    Tried that and get the same thing (shows the the first page but then doesn't load other pages unless I log out and back in again). I am going to try from home - outside the school environment to see if that fixtures it. Also tried embedding the white label as a website embed widget but got an error message (attached). Thank you for your help so far. Will update you tomorrow.
  19. Sue Busher

    Code Help

    @pconkie Tockify has come back and said that there is nothing their end that would prevent multiple calendars on a site site or page. One thing did occur t them. The script we use to load Tockify is: <script>$.getScript( "https://public.tockify.com/browser/embed.js" ).done(function( script, textStatus ) {console.log( textStatus );}).fail(function( jqxhr, settings, exception ) {console.log( "There has been an error" );});</script> Whereas what we recommend is: <script data-cfasync="false" data-tockify-script="embed" src="https://public.tockify.com/browser/embed.js"></script> Perhaps it's part of the problem? However, that wasn't working for me. They then went on to re-emphasize that they can see our site no problem without an issue so it seems that it is more to do with our local environment. Do you get the same problem as me?
  20. Sue Busher

    Code Help

    @pconkie Sorry, just seen this. Will relay it back to Tockify.
  21. Sue Busher

    Code Help

    @Simon Law Any joy Simon? Tockify seem to think it could be one of the following (although are working blind and are guessing): Guess 1: The Frog environment you're in is deleting our embed code on the pages where it doesn't appear, possibly as a side effect of using client side navigation that rewrites the DOM. Calling _tkf.loadDeclaredCalendars() on page navigation might help if that's the issue. Guess 2: We are behind a firewall of some kind that's accidentally blocking the secondary loads of the calendar. Guess 3: Both of our browsers have a security plugin that's blocking the calendar in some circumstances. Guess 4: The Frog environment is overriding some of the browser's built in functions and that breaks the calendar. The reason the calendar works once could be that it runs before those changes are made. Any help would be gratefully appreciated.
  22. Sue Busher

    Code Help

    News & Events > Events (shows all events) News & Events > Sporting Fixtures (shows fixtures) News & Events > Trips (shows trips).
  23. Sue Busher

    Code Help

    @Simon Law Me again, sorry Simon, I have embedded the code on a number of pages within our new website (Kennet School - not live yet). The code is slightly different on different pages as I am telling it to show only events relevantly tagged for that page. However, the first time I visit the page, I see the calendar. When I go to another page on the site, it doesn't appear. If I log out and back in, go to the page it didn't appear on, it appears, but then when I go to another page with the code on it doesn't, Any ideas why this would happen? It is happening in both Chrome and IE.
  24. @adamw OMG, that worked a dream. Thank you so much. It has made a real difference to the page I was working on.
×
×
  • Create New...