Searched tag: Plugin

Installation & Guide

Created on Tuesday, 24 November 2015   »CW Rating
PluginJoomla 3

Installation

Install CW Ratings & Graphs plugin:

  • CW Ratings & Graphs(content plugin)
  • After installation publish this plugin (you can use link from post-install description).

....And that's it. You dont need to configure anything else and you are ready to go!

...unless you want to ;) Then follow the guide...

What can be set in parameters?

Parameters for loading ratings can be set either globally in CW Ratings & Graphs plugin or via syntax - where are same available options for use.

  • Label - default label for Overall value of rating graph (Only for Circle Layout) - default is "Overall"
  • Overall - if display or hide Overall value. Set overall=off to disable (Only for Circle Layout) - default is ""
  • Max - maximum value of rating (represents 100% value if % unit is set) - default is "100"
  • Unit - set % for displaying values in relative percentage values, leave empty to let absolute numbers show - default is ""
  • Decimal - if you want to round up numbers, set to how many decimal places will be rounded up, set 0 to round up to integers - default is "0"
  • R - Radius in pixels for Circle layout of ratings - default is "40"
  • Delay - delay in ms between loading each value - default is "500"
  • Layout - Circle or Bar layout of rating graph - default is "Circle"
  • Color - color of graph - default is "#0097FF"
  • Color2 - if set, color will be set into gradient (Only for Bar Layout) - default is "#037CCE"
  • Height - height of bar row (Only for Bar Layout) - default is "10"
  • Labelposition - position of labels for values - bottom x side (Only for Bar Layout) - default is "row"
  • Labelanimation - from where will labels arrive in animation - row x top (Only for Bar Layout) - default is "side"
  • Labelwidth - width of labels area, in % - default is "20"

Same Options are for rating SYNTAX

above listed parameters will be filtered out for settings and rest of parameters will be considered as rating graph values.

Separator for syntax codes is ;

{CWRATING}label=Average;max=400;Ferrari=340;Porsche=320;Audi=300;BMW=260;Volvo=240{/CWRATING}

will result into this:

MAX SPEED OF CARS

{CWRATING}label=Average;max=400;Ferrari=340;Porsche=320;Audi=300;BMW=260;Volvo=240{/CWRATING}This is just an example, no offense to any car :)

Want to see more about what magic can be done with this cool little yet powerfull plugin?
SEE ADVANCED OPTIONS - LIVE EXAMPLE

Impressed? Want to try it?     DOWNLOAD

CW Article Attachments

Created on Saturday, 05 September 2015   »Extensions
PluginJoomla 3

Bringing revolution in managing attachments in Joomla!

Fast and Simple Attachments manager for Joomla Articles. Drag and drop upload and sorting attachments right in the Article Edit form page. Very easy to use and effective way to manage documents and attachments for Joomla Articles. You will love it!

CW Article Gallery

Created on Saturday, 05 September 2015   »Extensions
PluginJoomla 3

Bringing revolution in managing Image Galleries in Joomla!

Fast and Simple Image Gallery for Joomla Articles. Drag and drop upload and sorting images right in the Article Edit form page. Very easy to use and effective way to manage image galleries for Joomla Articles. You will love it!

CW Ratings & Graphs

Created on Saturday, 05 September 2015   »Extensions
PluginJoomla 3

Surprisingly easy way to work with ANIMATED RATINGS & GRAPHS in Joomla Articles!

Easy Animated Ratings & Graphs for Joomla Articles. Very effective way to display ratings & graphs inside Joomla Article's content. You will love it!

CW Tags

Created on Saturday, 05 September 2015   »Extensions
ComponentModulePluginJoomla 2.5Joomla 3

Complex Tagging system for Joomla content! Unique system for IMAGE or TEXT tags!!

based on rich settings. AJAX & jQuery powered - for fast and interactive management. Autocomplete suggestions for search tag input and add tag input! Own search engine.

Live Examples

Created on Saturday, 05 September 2015   »CW Rating
PluginJoomla 3

Let's find out what can be achieved with CW Ratings & Graphs plugin...

#Example 1: Basic Syntax

{CWRATING}max=200;label=Average;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

this syntax will display Rating with
- Circle rating
- Display Overall value as Average value of all values
- radius 40px
- color set to blue gradient
- numbers rounded to 0 decimals
- delay for loading each row is 500ms

Quadrant Benchmark

{CWRATING}max=200;label=Average;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

#Example 2: Circle Rating with % values

{CWRATING}unit=%;overall=off;color=#FF9B00;decimal=1;r=40;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

this syntax will display Rating with
- Circle rating
- unit in percent - values will be presented in %
- radius 40px
- color set
- numbers rounded to 1 decimals
- max value of graph is 200
- delay for loading each row is 500ms

Quadrant Benchmark

{CWRATING}unit=%;overall=off;color=#FF9B00;decimal=1;r=40;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

#Example 3: Circle Rating with Overall

{CWRATING}label=Maximum;overall=200;color=#4ABF0B;decimal=0;r=25;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

this syntax will display Rating with
- Circle rating
- Overall value is set to 200
- Label for Overall value is set to "Maximum"
- radius 25px
- color set
- numbers rounded to 0 decimals
- max value of graph is 200
- delay for loading each row is 500ms

Quadrant Benchmark

{CWRATING}label=Maximum;overall=200;color=#4ABF0B;decimal=0;r=25;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

#Example 4: Bar rating with side labels

{CWRATING}layout=bar;height=10;color=#C442ED;decimal=0;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

this syntax will display Rating with
- BAR rating
- height of row 10px
- single colored rows (if color2 is not used to make color gradient)
- numbers rounded to 0 decimals
- max value of graph is 200
- delay for loading each row is 500ms

as labelposition and labelanimation are not set - labels will be on side and animated from side

Quadrant Benchmark

{CWRATING}layout=bar;height=10;color=#C442ED;decimal=0;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

#Example 5: Bar rating with bottom labels

{CWRATING}layout=bar;labelposition=bottom;height=20;overall=off;decimal=0;max=200;delay=0;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

this syntax will display Rating with
- BAR rating
- height of row 20px
- no color parameter set = default color gradient
- numbers rounded to 0 decimals
- max value of graph is 200
- delay for loading each row is 0ms
- label position is under the bars

as labelanimation are not set - labels will be animated from side

Quadrant Benchmark

{CWRATING}layout=bar;labelposition=bottom;height=20;overall=off;decimal=0;max=200;delay=0;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

#Example 6: Bar rating with bottom labels and thin bars

{CWRATING}layout=bar;labelposition=bottom;height=20;overall=off;decimal=0;max=200;delay=300;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

This is actually same as #Example 2 with changes:
- height to 5px
- color to black
- delay to 300ms

Quadrant Benchmark

{CWRATING}layout=bar;labelposition=bottom;labelanimation=top;height=5;color=#000;overall=off;decimal=0;max=200;delay=300;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

#Example 7: Bar rating with side labels with from-top animation

{CWRATING}layout=bar;labelposition=bottom;height=20;overall=off;decimal=0;max=200;delay=0;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

this syntax will display Rating with
- BAR rating
- height of row 20px
- color set to "red", not hex value so no transparency for value boxes
- numbers rounded to 0 decimals
- max value of graph is 200
- delay for loading each row is 0ms
- label position is next to the bars
- labelanimation is set to top

Quadrant Benchmark

{CWRATING}layout=bar;color=red;labelanimation=top;height=5;overall=off;decimal=0;max=200;delay=500;Apple iPhone 6s (iOS9)=196;Apple iPhone 6 (iOS9)=131;Google Nexus 9=108;Apple iPhone 5s (iOS8)=98;Xiaomi Mi Note Pro=94;Google Nexus 6=80;Samsung Galaxy S6=75{/CWRATING}

 

Impressed? Want to try it?     DOWNLOAD

Want to see more about settings and documentation?     INSTALLATION AND GUIDE

JED Rating

{CWRATING}label=Overall;decimal=0;max=100;r=40;delay=500;Functionality=100;Ease of use=100;Documentation=100;Support=100{/CWRATING} This rating graph is done by CW Ratings & Graphs plugin