Application for EasySocial

This add-on provides an integration between NorrCompetition and EasySocial.

Product page: NorrCompetition Application for EasySocial The add-on comes as an Application and Activity Stream plugin. The Application controls activity stream and displays the list of entries and number of received votes in user's profile. The plugin adds actions performed in NorrCompetition voting contest extension to EasySocial stream (social network extension).

Installation

The package comes with two extensions.

easysocial_norrcompetition_x.x.x.zip - the Application should be installed via EasySocial. Proceed to Extensions > EasySocial > Applications and click on Install in left sidebar.

Installing EasySocial Application

plg_competition_estream_x.x.x.zip - the plugin can be installed as typical Jooomla extension. Go to Extensions > Manage > Install and Upload Package File.

After the installation, you can find a new Application in EasySocial settings and a new plugin (type: competition).

Configuring EasySocial Application

Go to Extensions > EasySocial > Applications and proceed to NorrCompetition. There are Stream and Profile tabs.

NorrCompetition Application for EasySocial - settings

Stream tab

Configure the stream related settings for this application here.

• Stream Filter - determines whether this item will appear as a stream filter or not.

• Create Contest - determines if the stream should be generated when a user creates a new competition.

• Submit Entry - determines if the stream should be generated when a user submits a new entry to competition.

• Vote - determines if the stream should be generated when a user votes for entry.

• Grand Prix - determines if the stream should be generated when participant gets Grand Prix status.

Profile tab

Configure the behavior of this application for the user's profile view.

Profile settings

• Total Entries to Display - set the total number of submitted competition entries to appear on a person's profile. 0 = no limits.

• Show Photo - show or hide the image of participant.

Plugin for EasySocial

Competition - Activity Stream plugin just adds actions to EasySocial stream and has the only tab to set up Download Key which is required for one-click updates (it works for the plugin only. The Application doesn't have one-click update)

All settings should be configured via the Application.

Customisation

The images which are displayed in the timeline are NorrCompetition's small images. In case if you want to make pictures in the timeline smaller, there is es-stream-content-avatar class in <img> tag. Just use it in your custom CSS code to set the right width.

Picture 1. User's actions in the timeline. Small image taken from NorrCompetition

And let's see how the custom CSS rule changes the result:

.es-stream-content-avatar {width:60%}

Picture 2. Images with customized width via CSS rule