NorrCompetition | NorrNext Documentation
DocumentationNorrCompetition
  • 🚀Getting started
    • Technical Requirements
    • Installation and Updates
  • 🛠️Configuration
    • Component Options
    • General
    • Contests
    • Contest
    • Entries
    • Entry
    • Categories
    • Category
    • Images
    • Comments
    • Contest Form
    • Permissions
  • 🖼️Contests
    • Managing Contests
    • Creating Contest
    • Contest Layout Options
    • Closing Contest
  • 🏆Entries
    • Managing Entries
    • Adding Entry
    • Approving Entry
    • Entry Data Comparison
    • Entry Layout Options
    • Submitting Entry Form
    • Contestant's Profile
    • Votes Log
  • 📂Categories
    • General Information
    • Managing Categories
    • Creating Category
    • Category Layout Options
  • 🧩Fields
    • General Information
    • Managing Fields
    • Field Types
    • Creating Field
  • 🔋Modules
    • NorrCompetition Entries
    • NorrCompetition Contests
    • NorrCompetition Grid
  • 🔌Plugins
    • NorrCompetition Notifications
    • NorrCompetition Smart Search
    • NorrCompetition Search
    • NorrCompetition Sitemap
    • NorrCompetition Profile Link
    • Application for EasySocial
    • NorrCompetition Application for JomSocial
    • AUP plugin for NorrCompetition
    • NorrCompetition Image Moderation
      • Sightengine Setup
      • Plugin Configuration
  • 💬Comments
    • Integration with Facebook
    • Integration with JComments
    • Integration with Komento
    • Integration with Disqus
    • Integration with VK.com
  • ☁️Remote Storage
    • General Information
    • AWS S3
  • 🖥️Customisation
    • Template Overriding
    • Using content plugins on entry page
    • Link to contestant
    • Events
      • Content
      • Contest
      • Entry
      • Entry Form
      • Field
      • Vote
      • Other
  • ✍️Localisation
    • Language pack installation
    • How to take a part in NorrCompetition localisation
  • 📜Best Practices
    • Recommendations on image sizes
    • Use on multilingual sites
    • Tutorial: How to Create Photo/Video Voting Contest on Joomla
    • Tutorial: Monetize Voting Contests via Membership
    • Tutorial: Monetize Voting Contests via Points
    • Embedding HTML snippets on example of music contest
  • 💡FAQ
    • How the protection from unfair voting is implemented?
    • What notifications does the component send?
    • Create and edit contests on front-end
    • Submitting Entries by Unregistered Users
    • How to install sample data
    • How to change the order of tabs with comments
    • Using navigation module (breadcrumbs)
    • NorrCompetition and YOOtheme Pro
  • 🔍Troubleshooting
    • I do not get notifications from NorrCompetition
    • I get an error or white screen on photo upload
    • No images appear after submitting entries
    • Submit button is not working
  • User is not able to vote. Errors in the console
Powered by GitBook
On this page
  • Installation
  • Configuring EasySocial Application
  • Plugin for EasySocial
  • Customisation
  1. Plugins

Application for EasySocial

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

PreviousNorrCompetition Profile LinkNextNorrCompetition Application for JomSocial

Last updated 10 months ago

Product page: 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.

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.

  • 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

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.

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

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

NorrCompetition Application for EasySocial - settings
Profile settings

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

Picture 1. User's actions in the timeline. Small image taken from NorrCompetition
Picture 2. Images with customized width via CSS rule
🔌
one-click updates
NorrCompetition Application for EasySocial
User's actions in the timeline. Small image taken from NorrCompetition
NorrCompetition Application for EasySocial - settings
Installing EasySocial Application
Images with customized width via CSS rule
NorrCompetition Application for EasySocial - Profile settings