Widget with the last 10 tutorials

#1 - Posted Sun Jan 30, 2022 12:42 pm

Niko

Forum Administrator

Team contributor
You have been part of the community team

Community veteran
You belong to this community since its ancient time

Active Contributor
The user has wrote more than 100 posts and comments

Passioned user
You have participated in 50+ different topics, a true fan!

Post lover
You have liked more than 50 posts!

Beta Tester
You have been part of the Beta-Testing team

Forumotion expert
This user is an expert with Forumotion free forum hosting

10th Anniversary (Grand Re-open)
Thanks for being part of our grand re-opening

Merry Christmas 2022
Thanks for having been with us during Christmas season!

Forum Writer
You have opened more than 20 topics on the forum

The Life of the Party
You have made more than 20 members in our community, wow!

Members Guru
You have received more than 50 likes on your posts. Our members really what you have to say!

Posts :

Points :

Widget with the last 10 tutorials

Overview

Description

Provide a comprehensive description of the tutorial here

Demonstration

Widget with the last 10 tutorials VwmF3no

Technical limitations

› This tutorial is dedicated to the forums powered by Forumotion free forum service
› It works with all Forumotion forums' versions

Installation

Introduction

The code only comes into action when the widget is visible on the screen, thus saving resources and avoiding the Request Limit

Javascript & jQuery

For the next step you need to go towards Administration Control Panel (ACP)  Modules  Widgets  Create a new widget with the following content, and then place it where you desider.

Title: free choice - does not influence the code effect
Use table header/footer: free choice
Content:

You need to reply to the topic in order to see the code resources

Customization

You will have to define which sub-forum will be where the tutorials will be presented, for that it is enough define in the code above the value of the variable

Code:

sForumNumber

, example:

Let's say you want to show the last 10 tutorials from this address: /f28-forum-tutorials
Just get the part that is in bold and put in the variable

Code:

var sForumNumber = 28 ;
To change the Widget name, just edit the variable

Code:

sWidgetTitle

with whatever value you want, example:

Code:

var sWidgetTitle = 'The last 10 CSS tutorials'

Notes

	Approved by	Niko
	Approved on	January 30th, 2022
	Tested on	Most recent browsers
	Difficulty level	 / 
	Source	jScript