Circular Countdown V03//01//00

posted by cooldnn - 10/16/2018
cooldnn Active Since 11/25/2013
Viet Nam

4.38

(8 total reviews for cooldnn in the last six months.)

reviews Ask a Question



Circular Countdown is a module using jQuery plugin that comes with many powerful features, it's very easy to skin with any color or image. Easy to setup and integrate in any website. Module 38516
  • $12.00 Standard
  • $36.00 Enterprise Edition

$12.00

Add To Cart

About

Circular Countdown is a module using jQuery plugin that comes with many powerful features, it's very easy to skin with any color or image. Easy to setup and integrate in any project.

Features:

  • Fully Responsive.
  • You can change timer type to countdown or countup.
  • Simple and clean interface.
  • Resizable width, height, font size and circles thickness.
  • Color change from the plugin options.
  • Show or hide days, hours, minutes or seconds.
  • Texts can be changed via parameters.
  • Works in IE, Firefox, Safari, Opera, Chrome.
  • Many other settings...
COMPATIBLE WITH DNN VERSION 7.X, 8.X, 9.X   Demo + Free Trial

Manage Module Settings

1. To Manage module settings drag mouse to pencil icon and click on the link "Module Settings". It is redirect to module settings page. There are many options list image below

Manage module settings

2. Options list

Name Values Default Description
Start Date 2018/05/04 00:00:00; your start date 2018/05/04 00:00:00 Specifies the start date to countdown.Date Format: Year/Month/Day Hours:Minutes:Seconds
End Date 2018/10/04 00:00:00; your start date 2018/10/04 00:00:00 Specifies the end date to countdown. Date Format: Year/Month/Day Hours:Minutes:Seconds
TimeZone 13,12,11,10,9,8,7,6,5,4,3,2,1,0,-1,-2,-3,-4,-5,-6,-7,-8,-9,-10,-11,-12 +7 Specifies the time zone. GMT number.http://www.timeanddate.com/time/map/
Past Cheched or Uncheck Uncheck Specifies if the timer count-downs or count-ups. Set to true or false.
Show Day Cheched or Uncheck Cheched Specifies if the days are visible. Set to true or false.
Show Hour Cheched or Uncheck Cheched Specifies if the hours are visible. Set to true or false.
Show Minute Cheched or Uncheck Cheched Specifies if the minutes are visible. Set to true or false.
Show Second Cheched or Uncheck Cheched Specifies if the seconds are visible. Set to true or false.
Day Diamete 100,160,200,...,5000 160 Diameter width-height of the days circle. The value is set in pixels (px).
Hour Diamete 100,160,200,...,5000 160 Diameter width-height of the hour circle. The value is set in pixels (px).
Minute Diamete 100,160,200,...,5000 160 Diameter width-height of the minutes circle. The value is set in pixels (px).
Second Diamete 100,160,200,...,5000 160 Diameter width-height of the seconds circle. The value is set in pixels (px).
Day Background Color #E34B1C,... #E34B1C Days circle background color. The value is set in RGB.
Hour Background Color #E34B1C,... #E34B1C Hour circle background color. The value is set in RGB.
Minute Background Color #E34B1C,... #E34B1C Minute circle background color. The value is set in RGB.
Second Background Color #E34B1C,... #E34B1C Second circle background color. The value is set in RGB.
Day Circle Color #E8065C,... #E8065C Days circle color. The value is set in RGB.
Hour Circle Color #E8065C,... #E8065C Hour circle color. The value is set in RGB.
Minute Circle Color #E8065C,... #E8065C Minute circle color. The value is set in RGB.
Second Circle Color #E8065C,... #E8065C Second circle color. The value is set in RGB.
Day counter font-color #E34B1C,... #E34B1C Days counter font color. The value is set in RGB.
Hour counter font-color #E34B1C,... #E34B1C Hour counter font color. The value is set in RGB.
Minute counter font-color #E34B1C,... #E34B1C Minute counter font color. The value is set in RGB.
Second counter font-color #E34B1C,... #E34B1C Second counter font color. The value is set in RGB.
Day text font-color #666666,... #666666 Days text font color. The value is set in RGB.
Hour text font-color #666666,... #666666 Hour text font color. The value is set in RGB.
Minute text font-color #666666,... #666666 Minute text font color. The value is set in RGB.
Second text font-color #666666,... #666666 Second text font color. The value is set in RGB.
Day Background Width 0,...,20,21,22,23,...,5000 23 Days circle background width. The value is set in pixels (px).
Hour Background Width 0,...,20,21,22,23,...,5000 23 Hour circle background width. The value is set in pixels (px).
Minute Background Width 0,...,20,21,22,23,...,5000 23 Minute circle background width. The value is set in pixels (px).
Second Background Width 0,...,20,21,22,23,...,5000 23 Second circle background width. The value is set in pixels (px).
Day Circle Width 0,...,20,21,22,23,...,5000 23 Days circle width. The value is set in pixels (px).
Hour Circle Width 0,...,20,21,22,23,...,5000 23 Hour circle width. The value is set in pixels (px).
Minute Circle Width 0,...,20,21,22,23,...,5000 23 Minute circle width. The value is set in pixels (px).
Second Circle Width 0,...,20,21,22,23,...,5000 23 Second circle width. The value is set in pixels (px).
Day Counter Font-size 0,...,20,21,22,23,...,5000 32 Days counter font size. The value is set in pixels (px).
Hour Counter Font-size 0,...,20,21,22,23,...,5000 32 Hour counter font size. The value is set in pixels (px).
Minute Counter Font-size 0,...,20,21,22,23,...,5000 32 Minute counter font size. The value is set in pixels (px).
Second Counter Font-size 0,...,20,21,22,23,...,5000 32 Second counter font size. The value is set in pixels (px).
Day Text Font-size 0,...,20,21,22,23,...,5000 11 Days text font size. The value is set in pixels (px).
Hour Text Font-size 0,...,20,21,22,23,...,5000 11 Hour text font size. The value is set in pixels (px).
Minute Text Font-size 0,...,20,21,22,23,...,5000 11 Minute text font size. The value is set in pixels (px).
Second Text Font-size 0,...,20,21,22,23,...,5000 11 Second text font size. The value is set in pixels (px).
Day text Day,..., string text Day Specifies the days text.
Hour text Hour,..., string text Hour Specifies the Hour text.
Minute text Minute,..., string text Minute Specifies the Minute text.
Second text Second,..., string text Second Specifies the Second text.
Day Text Margin Top 0,1,2,...,1000 0 Specifies the top margin of days text according to the bottom of circle. The value is set in pixels (px).
Hour Text Margin Top 0,1,2,...,1000 0 Hour the top margin of Hour text according to the bottom of circle. The value is set in pixels (px).
Minute Text Margin Top 0,1,2,...,1000 0 Specifies the top margin of Minute text according to the bottom of circle. The value is set in pixels (px).
Second Text Margin Top 0,1,2,...,1000 0 Specifies the top margin of Second text according to the bottom of circle. The value is set in pixels (px).
Margin Between Circles 5,10,20,30,...,1000 10 Margin between circles. The value is set in pixels (px).

Some of screen shoot

Circular Countdown

Circular Countdown

Circular Countdown

Circular Countdown

Licence

Standard license The standard license allows the activation and use on 1 DNN portal. Not permitted Redistribution. Free update within 90 days
Enterprise license Unlimited DotNetNuke® Installation. Not permitted Redistribution. Free update

Support

If you have any questions that are beyond the scope of this documentation file, please feel free to email via my email [email protected].

Created by CoolDNN
 

Product Badges

Azure Compatible