The RSForm!Pro Advanced Form Fields plugin expands the already robust set of form components. Read on to find out the new fields you can use to give your forms a more unique look & functionality.
Introducing extra form fields
1. Switch - with this field you can add a switch-like button in your form.
2. Rating Field - visual stars rating element.
3. Full Screen Textarea - textarea field that allows you to display its contents in a modal window.
4. Color picker - color picker field that allows choosing a color.
5. Selectize field - an advanced dropdown-like field that allows users to both search for a particular value from the items list and also select multiple values in a tag like display.
6. Styled Checkbox - a checkbox with a more stylish display for the items input field.
7. Styled Radio - radio group with a more stylish display for the items input field.
8. Date Dropper - date selection calendar with a unique look.
9. Time Dropper - time selection field with a visual clock display.
10. Date Picker - Date picker field with a visual calendar to choose a date.
Field Options
Switch Field
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation message: the message displayed when the field input is not correct.
Initial State: the initial state of the switch. You can choose between an "Off" and "On" state.
Off Value: default 0; the value that will be captured on your submission when the switcher is off.
On Value: default 1; the value that will be captured on your submission when the switcher is on.
Toggled On Price: this is the value that will be used in the calculations when the user toggles the Switch On.
Additional attributes: here you can add extra attributes to the field.
Stars Rating
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation message: the message displayed when the field input is not correct.
Number of stars: the number of stars that will be used for the rating input.
Rating type: Choose between a single color or gradient type fill of the rating stars.
Base Color: the base color used for the rating stars (hexadecimal).
Fill Color: the fill color used when the user sets a rating (hexadecimal).
Start Color(only shown when the rating type is set to gradient): the initial gradient color (hexadecimal).
End Color(also shown only when the gradient rating type is used): the end gradient color (hexadecimal).
Allow Half Stars: enable this option to allow users to select in half star increments.
Additional attributes: here you can add extra attributes to the field.
Full Screen Textarea
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Default value: the default value that will be displayed in the front-end.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation rule: the conditions required for the field to pass the validation.
Validation message: the message displayed when the field input is not correct.
Cols: the number of columns the field will take up.
Rows: the number of rows the field will take up.
Max Width: the maximum fullscreen modal width.
Max Height: the maximum fullscreen modal height.
Placeholder: the helpful text value that will be shown in the front-end using the placeholder HTML attribute.
Additional attributes: here you can add extra attributes to the field.
Color Picker
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Default value: the default value that will be displayed in the front-end.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation message: the message displayed when the field input is not correct.
Additional attributes: here you can add extra attributes to the field.
Selectize
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Items: here you can set the values that will be displayed in the field (each value on a new line).
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation message: the message displayed when the field input is not correct.
Field Theme: this field allows you to choose a specific theme so that the field can better match your template. Options available: Legacy, Standard, Bootstrap2, Bootstrap3.
Multiple: allow users to select multiple values in the field.
Number of items(this option is shown only when the multiple selection option is enabled): the number of items the user can select.
Additional attributes: here you can add extra attributes to the field.
Styled Checkbox
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Items: here you can set the values that will be displayed in the field.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Flow: here you can choose how the field will be displayed. Available options: Horizontal / Vertical ( 2, 3, 4 or 6 columns)
Max Selections: limit the number of selections (0 implies unlimited).
Additional attributes: here you can add extra attributes to the field.
Styled Radio
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Items: here you can set the values that will be displayed in the field.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Flow: here you can choose how the field will be displayed. Available options: Horizontal / Vertical ( 2, 3, 4 or 6 columns)
Additional attributes: here you can add extra attributes to the field.
Date Dropper
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Default value: the default value that will be displayed in the front-end.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation message: the message displayed when the field input is not correct.
Initial Animation: choose the animation type.
Date Format: the date format used to display the selected date (you can use between: d, m, Y, D, l, F, M, n, j).
Force Date: force the date selection value to either be from today onwards or until today.
Min Year: the minimum year the user is allowed to select a date from.
Max Year: the maximum year the user is allowed to select a date from (if you set a value lower than the current year, the current year will be taken into consideration instead).
Years Range: this option will split the available years in the specified chunk value.
Primary Color: the primary color used in the calendar field (hexadecimal).
Text Color: the text color (hexadecimal).
Background Color: the color of the calendar background (hexadecimal).
Border Size: the size of the calendar border (default: 1px solid #08C).
Border Radius Value: you can set a rounded border for the calendar using this option (integer values; default: 8).
Drop Shadow: add a drop shadow effect to your calendar; by default set to: 0 0 10px 0 rgba(0, 136, 204, 0.45
Drop Width: the width of the drop down (integer value; default: 124).
Additional attributes: here you can add extra attributes to the field.
Time Dropper
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Default value: the default value that will be displayed in the front-end.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Validation message: the message displayed when the field input is not correct.
12 Hours Format: choose between a 12H and 24H format for the time selection field.
Time Format: the time format used to display the selected time (you can use between: H, h, m, HH, hh, mm, a, A).
Initial Animation: the initial animation used to display the time selection clock.
Set Current Time: automatically set the value of the field to the current time (user time).
Primary Color: the primary color used in the clock field (hexadecimal).
Text Color: the text color (hexadecimal).
Background Color: the color of the clock background (hexadecimal).
Border Color: the color of the clock background (hexadecimal).
Additional attributes: here you can add extra attributes to the field.
Date Picker
Name: the name of the field.
Caption: the caption that will be displayed in the front-end for this field.
Default value: the default value that will be displayed in the front-end.
Description: the description of the field.
Required: control if the field is required for the submission to be made.
Date Modifier: Choose to link this calendar to another calendar on your form.
Date Validation: Set this to Yes if you'd like to validate the date upon submission based on the current date format.
Validation message: The message displayed when the field input is not correct.
Date Format: the date format used to display the selected date (you can use between: d, m, Y, D, l, F, M, n, j).
- For example, for a Day - Month - Year type of display, you can use d-m-Y.
Min Date (m/d/Y): The submitter will not be able to select a date below the one specified here. Custom PHP codes can be used in between the //<code> and //</code> tags.
Max Date (m/d/Y): The submitter will not be able to select a date past the one specified in this field. Custom PHP codes can be used in between the //<code> and //</code> tags
Select Years: Choose if the visitor can select or not the years.
Select Months: Choose if the visitor can select or not the months.
First Day of Week: Choose with what day should the week start.
Week Day Format: Display format of the weekday names - values are 'short' (first two/three letters) or 'full' (all letters).
Months Format: Display format of the months names - values are 'short' (first three letters) or 'full' (all letters).
Readonly: Make the input field read-only (cannot be typed in).
Disable All: enable this to disable all dates of the calendar. Use this in combination with Disable Exceptions option.
Disable Week Days: Select which days of the week should be disabled. Eg: 1,2,3... Keep in mind that if the weekdays starts with Monday then 1 is Monday, otherwise 1 is Sunday.
Disable Exceptions: Only the weekdays/dates/intervals specified here will be allowed. Use only m/d/Y format. Custom PHP code can be used in between the //<code> and //</code> tags.
- Eg. weekdays: 1,2,3, etc. This will allow to be selected all the corresponding days in the calendar.
- Eg. dates: 05/23/2020, 05/23/2020. These dates will be available for selection.
- Eg. intervals: 05/23/2020 - 05/29/2020, 06/15/2020 - 06/22/2020. All the dates from these intervals will be available.
Additional attributes: here you can add extra attributes to the field.
Download
Login to Download - Registration is Free in BlackJoomla but you should have points for download - FAQ
If after login, appears Warning (The security token did not match...) please refresh page and login again
Message
Before send Article, Video, contribution Please study FAQ
All of files compressed by WinRAR - use from Latest WinRAR before install
Password for all files:BlackJoomla.com
