Print bookPrint book

REIN Filter

REIN Filter

Site: Remote-Learner.net
Course: Remote-Learner.net
Book: REIN Filter
Printed by:
Date: Sunday, 20 August 2017, 7:39 AM

Table of contents

REIN Filter

REIN is a filter. When it detects widget markup in the pages it loads the CSS and JS required to skin and animate the widget.

To enable the REIN filter go to the Administration block > Site Administration > Plugins > Filters > Manage filters. Find Rein Library Javascript from the list and use the drop down menu to turn the filter on.

REIN manage filters screen

To view the widgets and copy the markup go to the Administration block > Site Administration > Plugins > Filters > Rein Library Javascript. Select the Display Debug Interface link.

REIN dislpay debug interface link

This opens a page with some instructions and examples. To copy the markup for a widget scroll down the page to the widget, then select the View Widget Markup button. In the following image I am selecting the View Accordion Markup button.

View of View Accordian Markup button

Copy the markup.

Copying accordion markup

Navigate to the HTML field where you want the markup. For this example I am adding a label to the front page of the site. Select the Show editing tools button to open the html editor.

Edit tools button

Select the html view button. A new window will open where you paste the code.

HTML view button

Paste the markup to the code view. For this example I select the Update button at the bottom of the screen and then save the new label.

Code view

On the site home page the new widget is visible. I made a few minor changes to the code in this example, mostly just adding some text.

Example of new widget