Jump to content
Sign in to follow this  
Graham Quince

New FrogCode widgets

Recommended Posts

So, some long talked about widgets in FrogCode are finally ready for sharing, I've just added:

  • Personalised welcome
  • Week indicator
  • Form styling (started work on this at the FrogCode event at the Judd)

Soon to be joined by George Bligh's My Progress widget, which displays the My Progress application in a page for students.

You can download these and other widgets at https://www.frogcommunity.com/frogcode/showcase

  • Like 2
  • Thanks 1

Share this post


Link to post
Share on other sites

Keep them coming Quincy!! :D

  • Haha 1

Share this post


Link to post
Share on other sites

@Graham Quince

Week Indicator...  I assume you need to create some CSS code and stick it in HTML widget... and tell the Widget Stylesheet where to get the info from........  to restyle this widget!! :)

Share this post


Link to post
Share on other sites
2 minutes ago, Graham Quince said:

Nope, you can add CSS directly to the box.

Just wanted to give people a bit more control

 

Steady on Quincy....  don't make it to easy for people...... I thought you like to make things difficult to stop people playing..... :P

  • Haha 1

Share this post


Link to post
Share on other sites

@Graham Quince Hmmm ok so ive changed the text but ive tried to put a boarder round it!!  It shows the boarder in the edit view but no when I close it??

 font-family: Verdana, Geneva, sans-serif;
 font-size: large;
 font-weight: bold;
 border-radius: 5px;
 border: thin #B9B9B9;

Share this post


Link to post
Share on other sites
1 hour ago, ADT said:

@Graham Quince Hmmm ok so ive changed the text but ive tried to put a boarder round it!!  It shows the boarder in the edit view but no when I close it??

 font-family: Verdana, Geneva, sans-serif;
 font-size: large;
 font-weight: bold;
 border-radius: 5px;
 border: thin #B9B9B9;

needs to be

border: 1px solid #B9B9B9;

As far as i know.  Never used thin.

Share this post


Link to post
Share on other sites
5 minutes ago, Graham Quince said:

needs to be


border: 1px solid #B9B9B9;

As far as i know.  Never used thin.

But that gives me a thick border...  I wanted to make it the same as the other widgets!!!!

No comment on your use of thin.....  people in glass houses and all that!! :P

Edited by ADT

Share this post


Link to post
Share on other sites

ive added

border-width: 1px;

That fixed it!! :P

Share this post


Link to post
Share on other sites
1 hour ago, Graham Quince said:

I've just played too and found:


border: thin solid #b9b9b9

works too, but don't you feel better having found the solution yourself ^_^

You now use thin..... :P

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By Graham Quince
      When I posted the snippet to allow you to restyle of My Notes, I hadn't thought that it wasn't as straight forward to change the title of Phrase of the Day. This bit of CSS is the easiest way I've found of changing all Phrases of the Day, although if you combine it with the the technique(?) mentioned in the restyling My Notes, you can restyle individual widgets in the same way.
      <style> .widget_phrase-wrap .header { height:50px; overflow:hidden; } .widget_phrase-wrap .header h2::before { content: 'My own title \a'; white-space: pre; } </style>  
    • By Graham Quince
      Here's a new FrogCode widget:
      https://www.frogeducation.com/community/frogcode/frogcode-showcase/visitor-log
      We worked with George Bligh from Greenshaw on this widget.  When someone views a page with this widget on, it records their visit.  Anyone with Edit and Manage rights gets a button which displays a list of all visitors, their profile, their children (if a parent), how many times they have visited the site and the time and date of their last visit.

      (This widget uses the datastore - a little known about feature of Frog's API.)
    • By Phil Stiles
      Hi, I am trying to create a widget that is able to pull the Total Positive Behaviour Points into a variable, the end result is we will use an if statement to display a specific image depending on a number of points the student has.
      I have started by testing with the HTML widget. using the below code to see if I can use the behaviour.getBehaviourTotals API to get the total points this year for the user, however, it is not working.
      <script> var $ap,user; //Create a div, and give it a unique ID $ap = $("div", { id: Frog.Utilities.generateSimpleID() } ); $ap.html( '<b>Your House Points:</b>'+ '<table clase="table" id="your_points">'+ '<tr>'+ "<th>This Year</th>"+ '</tr>'+ '</table>' ); // Use Frog's API to get the logged in student user = FrogOS.getUser(); // Use Frog's API to get Behaviour points Frog.Model .api('behaviour.getBehaviourTotals',{ Student_uuid: user.uuid, }).done(function(behaviourResponse){ behaviourResponse.data.pos.year(function(work){ $ap.find('tbody') .append( '<tr>'+ '<td>'+ data.pos.year+ '</td>'+ '</tr>' ); }); }); arguments[0].append($ap); </script> any advice appreciated.
      Phil
    • By Graham Quince
      The brilliant @Simon Law has built a new widget which adds a site's menu to a page, to save us all from having to do this manually using text widgets.
      You can download this from the showcase page:
      https://www.frogeducation.com/community/tutorials/frogcode/frogcode-showcase
×
×
  • Create New...