| CF_LimitedTextControl V1.0 |
| Version 1.0 |
What is this tag?
CF_LimitedTextControl allows you to quickly place input controls on a form or page and at the same time limit the amount of text allowed in each one. The amount of characters allowed is shown graphically..
Features/Benefits?
- Specify quickly between TEXTAREA and TEXT Input controls
- Change the progress bar colors
- Limits content when typed and pasted!
- Specify how many chars to limit
- Change all aspects of each control easily
- Embed multiple controls on the same form or page
- All standard attributes of each control available through parameters
- Cross Browser
- Easy to implement
- Much more...
Try the demo
We would love for you to try an online demo of CF_LimitedTextControl
TRY THE ONLINE DEMO
How to use the Tag:
Example 1 - [Simple Text Input]
<CF_DCCOM component="limitedTextControl" type="text" name="lt1" size="40" charLimit="10">
Example 2 - [Simple Textarea]
<CF_DCCOM component="limitedTextControl" type="textarea" name="lt2" cols="60" rows="5" charLimit="100"> This is some content for the box </CF_DCCOM>
Full list of Tag Attributes:
| TYPE |
Type of text input |
TEXT|TEXTAREA |
| NAME |
Name of the input control |
STRING |
| CHARLIMIT |
Number of chars to limit by |
INTEGER |
| PROGRESSBARCOLOR |
Progress bar color |
HEX COLOR |
| BGCOLOR |
Progress bar background color |
HEX COLOR |
| SHOWPROGRESSBAR |
Show progress bar |
TRUE|FALSE |
| SHOWCHARSLEFT |
Show chars left |
TRUE|FALSE |
| DISPLAYTEXT |
Text to display for chars left |
STRING |
| STYLE |
CSS Style on input |
CSS STRING |
Tag Attributes (Textarea only):
| ROWS |
JS Function to call when date is clicked |
INTEGER |
| COLS |
Display the Calendar holding DIV on the left or right |
INTEGER |
Tag Attributes (text only):
| SIZE |
JS Function to call when date is clicked |
INTEGER |
|