Image Button

image button - icon.png

Image button

Requires FrogLearn 600_600.png FrogLearn

Created with FrogCode

Create a uniform button for any type of link, with a library of icons to choose from.  All the icons shared in the community's digital downloads section have been pre-added to the widget, so you can cycle through them to find the one you're after.  You can also upload your own.

 

How many image buttons look on a page

How several of the image button widgets look like on a page together

 

In the widget settings:

  • the first thing you do is choose what type of link to the button is going to be. 
  • Then you can expand that link type to make the link.
  • Once done, using the Choose an Icon dropdown, you can pick an image, the icon will update in edit mode.

Widget preferences

 

The design settings panel gives you additional options:

Design settings in the widget preferences

 

LINK TO RESOURCE

Download

Link opens in a new window

CREATED BY

Product Team, Frog Education

WHAT IS FROGCODE?

FrogCode expands the possibilities of your platform, built inside FrogLearn it allows you to create your own widgets and applications. To activate this functionality please contact the Service Desk - call through on 01422 395939.
 

Using FrogCode

Please note: FrogCode widgets are not officially supported by our Service Desk. FrogCode was created to give extra flexibility to schools wishing to use custom code. Many of the widgets in this section have been created by our schools to share with other schools.

Use in the form above...
RESOURCE ID:W101