this is empty article for menu item, where will be placed a CW Gallery Module into Mainbody to replace component(article) content by Module output.

this is empty article for menu item, where will be placed a CW Attachments Module into Mainbody to replace component(article) content by Module output.

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

Average
Apple iPhone 6s (iOS9)
Apple iPhone 6 (iOS9)
Google Nexus 9
Apple iPhone 5s (iOS8)
Xiaomi Mi Note Pro
Google Nexus 6
Samsung Galaxy S6

#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

Apple iPhone 6s (iOS9)
Apple iPhone 6 (iOS9)
Google Nexus 9
Apple iPhone 5s (iOS8)
Xiaomi Mi Note Pro
Google Nexus 6
Samsung Galaxy S6

#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

Maximum
Apple iPhone 6s (iOS9)
Apple iPhone 6 (iOS9)
Google Nexus 9
Apple iPhone 5s (iOS8)
Xiaomi Mi Note Pro
Google Nexus 6
Samsung Galaxy S6

#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

#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

#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

#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

 

 

JED Rating

Overall
Functionality
Ease of use
Documentation
Support
This rating graph is done by CW Ratings & Graphs plugin

Welcome,

  • This DEMO Site is here for you. You can use it as a playground to try all of our extensions in FULL versions!
  • Try to browse through Main Menu to explore examples from our extension.
  • Try to login in Frontend here to check out edit form of example articles to see how it works.
  • Try to login to Backend to check out how it works "under the hood".

 

In order to offer you always the best experience in checking out our extensions power, this site is being restarted every 60minutes.

 

This means that whole website content gets refreshed, so do not worry about trying to play with the content however you like.

 

Also feel free to ask to add some example into the demo content, if you would like to see it in action and check it by yourself, how it is done.

And after all if something on your site will not work as presented here, please submit a ticket and it will be checked.

 

Please, do not hesitate and go ahead, it is here for you ;)

 

Even if there are some limitations of this Demo site (not being available to access Modules and Plugins directly in Administration to play with them), this Demo site will surely provide you a lot of user experience with our extensions functionality. For further informations please try check documentation on our site or contact us directly .