Jump to content

Graham Quince

Administrators
  • Content Count

    1,873
  • Joined

  • Last visited

Community Reputation

623 Knows loads about Frog

About Graham Quince

  • Rank
    Frog Guru

Personal Information

  • School
    Frog Education

Recent Profile Visitors

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

  1. @ADT I've updated the code above. Can you give it another go please? Graham
  2. oh I see, it's been pushed off the page.
  3. Oh? it should. Can you post a screenshot? I know the labels aren't perfectly lined up.
  4. Just experimenting, but I've added CSS to target some classes in Feedback, so that when sent to the browser's print options, the picture, labels and comments all appear: <style> @media print { .feedback_toolbar_core, .feedback_toolbar_feedback_actions, .feedback_tabs_comments_bottom, .app-feedback .modal-footer, .app-feedback .nav-tabs, .comment-controls { display: none !important; } .app_feedback, .app_feedback .feedback-image-wrapper { padding: 0px !important; } .feedback_document_core {
  5. I'm thinking of taking another crack at this widget. My first attempt tried to limit the height of the layout box and hide everything listed underneath the widget, but it kept running into issues with widgets loading after the fact. So I think I'll need to have all the content needed to be hidden inside the widget. I can't use the rich-text editor with FrogCode unfortunately. I have seen one spin-off from development, which will make it easy to creates tabs in pages - but I'm not sure of the ETA for this. To see if a hide widget is possible in FrogCode, I need examples of the sort o
  6. Here's the complete assignment list for one subject code (I noticed the other thread has it a bit spread out): <style> .row-template { display: none; } .assignment-widget-header { background-color: #231f20; padding: 1em; position: relative; text-align: left; } .assignment-widget-header::after { content: ""; width: 98%; height: 60%; position: absolute; top: 3%; left: 1%; border-radius: 5px; } .assignment-widget-header h1 { color: #fff; font-size: 20px; margin: 0; } .no-homework { padding: 1em; text-align: center; } .assignment-list { list-style: none; padding: 0 1em; margin:0 0
  7. Nice one @ADT To use, add the Assignment Calendar widget to a page, and then either right-click on it and choose Inspect Element, then in the developer console look for the parent UUID: Or follow these instructions to create a bookmarklet to make it easy to get a Widget's UUID: Copy Adrian's code into an HTML widget and replace the widget-content-uuid with your widget's UUID. Save the changes and leave the editor (you may want to comment out Adrian's code first). Then right-click on the subject list in the widget and in the developer console expand the line: <s
  8. Had to do some fiddling with CSS, but I think I've got there. This code will let you embed Google Drive using an HTML widget: <style> .embeddedGoogleDrive .content { width: calc(100% - 220px) !important; background: #ffffff; } .embeddedGoogleDrive { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !mportant; font-size: .9em !important; } .embeddedGoogleDriveembed { width: 100%; height: 510px; background: #ffffff; } .embeddedGoogleDrive a { color: #222; } </style> <div cl
  9. Hi George, I've stumbled across a way to trigger Google Drive in FrogDrive to open directly from a link (not quite embedding it though) <div class="GoogleDrive">Google Drive</div> <script> $(".GoogleDrive").click(function(){ $('.GoogleDrive').trigger('os.internal.launchapp', { data: { name: 'resources', view: 'googledrive', selected: 'googledrive' } }); }); </script> To open FrogDrive to My Documents, you can use this option: <div class="FrogDriveButton">Open FrogDrive</div>
  10. I had a little time on Friday and have updated the widget quite a bit. It now has a view which lists page links horizontally, but it can also be used to display a list of any set of subpages. It's not limited to subpages from a top tier. It allows you to add a submenu for a whole section to each page in that area and it will list the same info. And you don't have to keep using the page navigation, as it displays the Page UUID in the editor:
  11. Years ago, Chris Smith made a couple of bookmarklets to easily grab a site's UUID and another one for its Alias. From Wikipedia: Whenever I need to get a widget's content-uuid, I have to right-click on the widget, choose "inspect" or "inspect element" then scroll through the developer tools to spot the content uuid. Which is the unique ID for that particular widget. So I thought I'd take a look at Chris' code and see if I can adapt it: javascript:$(".os_core:first").one("click", function(ev) { var i = jQuery(ev.originalEvent.target), p = document.createElemen
  12. Hi @clangstaff I've no idea why FrogDrive doesn't appear in that list. How strange? In the meantime, this code will add a DIV which you can style, then on clicking will open FrogDrive: <div class="FrogDriveButton">FrogDrive</div> <script> $(".FrogDriveButton").click(function(){ $('.FrogDriveButton').trigger('os.internal.launchapp', { data: { name: 'resources' } }); }); </script>
  13. Looks great Chris. That's such a warm red you've got on the hover state.
  14. I've just had a thought about this. Could you consider using the Noticeboard widget? When set to hide messages, clicking on the title of the message (set as the question) will reveal the notice (answer). I keep asking the developers about adding the rich-text editor to FrogCode and keep seeing them turn pale. I think we could easily add plain text for the question and answer - would that be good enough?
  15. Not sure what you mean about all users. Looking at the API calls I can see (not directly at the codebase) it looks like you do need a user UUID for this. The Categories returned with fields based on the user (probably a bit of forward planning so that different categories are return on different set ups).
×
×
  • Create New...