Skip to content
  • back
  • Glasshouse help

  • Glasshouse help
  • How Glasshouse is organised
    • Page types
    • Tabs
  • The basics
    • Creating pages
    • Adding and formatting content
    • Adding images
    • Managing files
    • Adding and managing users
    • Managing pages
  • Building learning sequences
    • Adding a sequence page
    • Adding a basic content block
    • Block types
      • Assignment block
      • Branching scenarios
      • Button
      • Cloze tests
      • Complex Feedback
      • Drag and Drop
      • xAPI forms
      • xAPI form display
      • Hotspot
      • Layout blocks
      • MCQ Buttons
      • MCQ - Drop down
      • MCQ - Range Slider
      • Short answer
      • Tables
      • Wiki
      • Sticky blocks
    • Front end editing
    • Adding media
    • Adding pop-ups
      • Adding blocks to pop-ups
    • Adding navigation
    • Completion Setting
  • Integration and export
    • Export SCORM
    • Adding a completion button
    • Setting up an LTI Integration
    • Single Sign On
    • Launch other sites
    • Export content in a simplified version
  • Other things you can do
    • Content curation with Glasshouse
    • Building spaced learning
    • Building interactive videos
    • Building an assessment
    • Building a handbook
    • Setting up a registrations page
      • Adding custom fields
    • Changing the visual design
      • Changing the login page
      • Changing site and page logos
      • Changing the navigation style
    • Building a dashboard
    • Certificates
    • Building workflows
    • Adding managers and buddies
    • Javascript actions
    • Shortcode
    • Using Glasshouse as a lite Learning Management System (LMS)
    • Restricted Navigation
    • Checklist
    • Group Rules
    • Text to Speech
    • Assignment Feature
    • Snippets

Button

Overview

Button blocks are fairly simple and can be added to sequence pages. Within the button block are multiple  actions which can be triggered, including show/hiding elements, open modal boxes, set current course complete, generate xAPI statement, navigate to other pages, trigger spaced learning activities, award achievements to learners, and more.

How to add a button block

Setting up a Button block

Start in the Blocks section in the Page management area of a sequence page.

  1. Select Button block from the (Select type to create) dropdown menu, and click Add.
  2. By default the Button tab will be opened first. You can navigate to the Main tab and add a heading for the block (for back-end identification of the block) in the Headings field. In most cases the heading for the button block will need to be hidden. Click on the Would you like to hide the heading? dropdown menu and select Yes.
  3. Click on the Button tab, and add text to appear on the button in the Contents of the button field.
  4. Select desired positioning and styling options for the button from the dropdown menus below the content field.
  5. Click Save and Publish to access the Javascript action options for the button.

Editing the javascript action

Once the button block has been saved, an Edit Javascript Action button will appear. The Javascript actions options for buttons are very similar to those available in a standard page.

  1. Click the Edit Javascript Action button.
  2. Leave the first three fields as they appear. The label, trigger and selector are pre-configured for buttons.
  3. Click on the Action dropdown menu to select an action for the button to trigger. Some actions have further steps which will appear after the button has been saved.
  4. Once the actions have been setup, click Save and close.
Options

Multiple button blocks can be added per page. Like other block types, they can be added as child blocks of layout blocks, moved higher or lower in the page hierarchy, and moved/linked to other pages.

Example

link to playground icon front end
Here's an example of how a Button block looks from the front-end.

link to playground icon back end
Here's an example of how a Button block looks from the back-end.