|
Written by Antanas Vipartas
|
|
Sunday, 24 August 2008 15:45 |
|
In the Progress Bar module back-end (from the administration side) you can set some module parameters. Main parameters- ProgressBar Type - defines tye type of progress bar. For now there are 2 types: static and dynamic. Dynamic progress bar evaluates time and scrolls automatically where as static means that every time you need to scroll progress bar - you have to enter values manually. E.g. if you want to count days till new year and progress bar scroll automatically every time the day has passed - dynamic ir right for you.
- Dynamic: Start Date - this is the starting date for the dynamic progress bar. Enter the start point, e.g. first day of new year (2008-01-01)
- Dynamic: End Date - this is the ending date for the dynamic progress bar. Enter the end point, e.g. last day of new year (2008-12-31)
- Static: Total value - another way is to use static progress bar. Choose static from the ProgressBar Type parameter and now you can enter this value as Total Value of progress bar. E.g. we will help to track others the progress done to some project, where some progress is done every week, but we do not know how much, so we enter those values every week.
- Static: Passed value -this is the "amount done" for the static progress bar. Enter, i.e. 23, which means that 23% of your work is done.
Layout parametersActually, there is no section called "Layout parameters", these parameters reside in the "Parameters (Article)" section, but I wanted them to distinguish. - Color - Progress Bar color, which paints the "progress done" column. Default is #00ff00 (green)
- Background color - background color of progress bar, which indicates "progress left" column. Default is #cc0033 (dark red)
- Height - the height of the progress bar, expressed in pixels only. You have to append "px" symbol, e.g. 25px
- Width -the width of the progress bar, may be expressed in percents or in pixels. Both ways you have to append corresponding mark, e.g. 99% or 100px
- Show Percentage Done - select whether you want to show progress done (in percents) in the middle of "progress done" column. If set to "Yes", you can set next 2 parameters - color and padding.
- Percentage Color - Text color of "Percentage Done". Hexademical value (#666666) or html color name ("red", "green"...). Works only if "Show Percentage Done" is set to "Yes".
- Percentage Padding - text padding of "Percentage Done", expressed in pixels, i.e. 2px. Works only if "Show Percentage Done" is set to "Yes".
- Enable Border - select whether you want to enable border around progress bar. After setting this parameter to "Yes" you can define next 2 parameters
- Border Color - border color, expressed in hexademical value (#666666) or html color name ("red", "green"...). Works only if "Enable Border" is set to "Yes"
- Border Size - size of border, expressed in pixels only, i.e.1px. Works only if "Enable Border" is set to "Yes"
Advanced parametersHere you can define advanced parameters of Progress Bar in the "Parameters (Advanced)" section. - Show 'Passed' at the left - select whether you want to show Passed days/value at the right of the Progress Bar. If set to "Yes", then you can define next 3 parameters
- 'Passed' Width % - left side width. May be expressed only in percents (i.e. 10). It is OK not to append a % symbol at the end of the number. Works only if "Show 'Passed' at the left" is set to "Yes"
- 'Passed' Padding - left side padding. May be expressed only in pixels. You have to append "px" at the end of the number, i.e. 2px. Works only if "Show 'Passed' at the left" is set to "Yes"
- 'Passed' Title Text - alternative text to show in a tooltip while mouse is over the "Left Value". Works only if "Show 'Passed' at the left" is set to "Yes"
- Show 'Left' at the right - select whether you want show days/value Left at the right of the Progress Bar. If set to "Yes", then you can define next 3 parameters
- 'Left' Width % - right side Width. May be expressed only in percents (i.e. 10%). It is OK not to append a % symbol at the end of the number. Works only if "Show 'Left' at the right" is set to "Yes"
- 'Left' Padding - right side padding. May be expressed only in pixels. You have to append "px" at the end of the number, i.e. 2px. Works only if "Show 'Left' at the right" is set to "Yes"
- 'Left' Title Text - alternative text to show in a tooltip while mouse is over the "Right Value". Works only if "Show 'Left' at the right" is set to "Yes"
- Switch Left and Right sides - this is the most powerfull parameter. It enables you to switch "Left side" (Days passed) with the "Right side" (Days left) of the Progress Bar. If set to "Yes", "Total value" will be shown at the Left, whereas "Passed value" will be shown at the right. Default is "No". Be carefull: if you set "Show 'Passed' at the left" and set "Switch Left and Right sides", it means that you set "Show 'Left' at the right" to "Yes" (enabled right side).
|