Form Builder Paragraph Text

[Elite_Josh]

There is an issue when we try to add a new Paragraph Text field in the QuForms Form Builder. We cannot build forms because of this and we need it to be fixed ASAP to complete our deadlines on time.

Attachments:

You must be logged in to view attached files.

[Victor]

The attempt to add an element returns this data:

{"type":"success","data":{"element":{"id":53,"type":"textarea","label":"Untitled","placeholder":"","description":"","required":false,"default_value":"","tooltip":"","clear_default_value":false,"reset_default_value":true,"admin_label":"","required_message":"","is_hidden":false,"save_to_database":true,"label_placement":"inherit","label_width":"","tooltip_type":"inherit","tooltip_event":"inherit","prevent_duplicates":false,"duplicate_found_message":"","logic":false,"logic_action":"show","logic_match":"all","logic_rules":[],"dynamic_default_value":false,"dynamic_key":"","styles":[],"filters":[],"validators":[]},"html":"<div id=\"ifb-element-wrap-53\" class=\"ifb-element-wrap ifb-element-wrap-textarea ifb-element-optional ifb-label-placement-above\">\n\t<div class=\"ifb-top-element-wrap qfb-cf\">\n <div class=\"ifb-element-actions\">\n <a class=\"ifb-close-link\" title=\"Hide settings - you will not lose unsaved data!\" href=\"#\" onclick=\"iPhorm.hideSettings(53); return false;\"><span><\/span>Hide<\/a>\n <a class=\"ifb-settings-link\" title=\"Settings\" href=\"#\" onclick=\"iPhorm.showSettings(53); return false;\"><span><\/span>Settings<\/a>\n <a class=\"ifb-delete-link\" title=\"Delete this element\" href=\"#\" onclick=\"iPhorm.deleteElement(53); return false;\">Delete<\/a>\n <a class=\"ifb-move-link\" title=\"Click and drag to move this element\" href=\"#\" onclick=\"return false;\"><span><\/span>Move<\/a>\n<\/div> <div class=\"ifb-element-preview ifb-element-preview-textarea\">\n <label class=\"ifb-preview-label \" for=\"ifb_element_53\"><span class=\"ifb-preview-label-content\">Untitled<\/span><span class=\"ifb-required\">*<\/span><\/label>\n <div class=\"ifb-preview-input\">\n <textarea name=\"ifb_element_53\" id=\"ifb_element_53\" disabled=\"disabled\"><\/textarea>\n <p class=\"ifb-preview-description ifb-hidden\"><\/p>\n <\/div>\n <span class=\"ifb-handle\"><\/span>\n <\/div>\n <\/div>\n <div class=\"ifb-element-settings ifb-element-settings-textarea\">\n <div class=\"ifb-element-settings-tabs\" id=\"ifb-element-settings-tabs-53\">\n <ul class=\"ifb-tabs-nav\">\n <li><a href=\"#ifb-element-settings-tab-settings-53\">Settings<\/a><\/li>\n <li><a href=\"#ifb-element-settings-tab-more-53\">Optional<\/a><\/li>\n <li><a href=\"#ifb-element-settings-tab-advanced-53\">Advanced<\/a><\/li>\n <\/ul>\n <div class=\"ifb-tabs-panel\" id=\"ifb-element-settings-tab-settings-53\">\n <div class=\"ifb-element-settings-inner\">\n <table class=\"ifb-form-table ifb-element-settings-form-table ifb-element-settings-settings-form-table\">\n <tr valign=\"top\">\n <th scope=\"row\"><label for=\"label_53\">Label<\/label><\/th>\n <td><input type=\"text\" id=\"label_53\" name=\"label_53\" value=\"Untitled\" onkeyup=\"iPhorm.updatePreviewLabel(iPhorm.getElementById(53));\" onblur=\"iPhorm.updateElementLabel(iPhorm.getElementById(53));\" \/><\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n The placeholder text will appear inside the field until the user starts to type. <\/div><\/div>\n <label for=\"placeholder_53\">Placeholder<\/label>\n <\/th>\n <td>\n <input type=\"text\" id=\"placeholder_53\" name=\"placeholder_53\" value=\"\" onkeyup=\"iPhorm.updatePlaceholder(iPhorm.getElementById(53));\" onblur=\"iPhorm.updatePlaceholder(iPhorm.getElementById(53));\" \/>\n <\/td>\n<\/tr> <tr class=\"ifb-element-description-tr\" valign=\"top\">\n <th scope=\"row\"><label for=\"description_53\">Description<\/label><\/th>\n <td><textarea id=\"description_53\" name=\"description_53\" onkeyup=\"iPhorm.updatePreviewDescription(iPhorm.getElementById(53));\"><\/textarea><\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n If checked, the user must fill out this field <\/div><\/div>\n <label for=\"required_53\">Required<\/label>\n <\/th>\n <td><input type=\"checkbox\" id=\"required_53\" name=\"required_53\" onclick=\"iPhorm.toggleElementRequired(iPhorm.getElementById(53), this.checked);\" \/><\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n The tooltip text will appear next to your element in a tooltip when the user hovers\n it with their mouse. You can customize the look of tooltips by going to <span class=\"ifb-bold\">Settings &rarr; Style &rarr; Tooltips<\/span> <\/div><\/div>\n <label for=\"tooltip_53\">Tooltip text<\/label>\n <\/th>\n <td>\n <input type=\"text\" id=\"tooltip_53\" name=\"tooltip_53\" value=\"\" \/>\n <\/td>\n<\/tr> <tr class=\"ifb-save-element-tr\" valign=\"top\">\n <td colspan=\"2\">\n <div class=\"ifb-save-element-wrap qfb-cf\">\n <a class=\"ifb-help-element\" href=\"http:\/\/66.147.244.121\/~aspenxch\/wp-admin\/admin.php?page=iphorm_help&section=element-textarea\">Help<\/a>\n <a class=\"ifb-save-element\" onclick=\"iPhorm.saveElementSettings(this, 'd9e21ab4c9'); return false;\">Save<\/a>\n <a class=\"ifb-close-element\" onclick=\"iPhorm.hideSettings(53); return false;\">Hide<\/a>\n <a class=\"ifb-save-close-element\" onclick=\"iPhorm.saveAndCloseElementSettings('d9e21ab4c9', 53); return false;\">Save & Hide<\/a>\n <\/div>\n <\/td>\n<\/tr> <\/table>\n <\/div>\n <\/div>\n <div class=\"ifb-tabs-panel\" id=\"ifb-element-settings-tab-more-53\">\n <div class=\"ifb-element-settings-inner\">\n <table class=\"ifb-form-table ifb-element-settings-form-table ifb-element-settings-more-form-table\">\n\t\t\t\t\t\t<tr valign=\"top\">\n\t\t\t\t\t\t <th scope=\"row\">\n\t\t\t\t\t\t <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n\t\t\t\t\t\t The default value is the value that the element is given before\n\t\t\t\t\t\t the user has entered anything\t\t\t\t\t\t <\/div><\/div>\n\t\t\t\t\t\t <label for=\"default_value_53\">Default value<\/label>\n\t\t\t\t\t\t <\/th>\n\t\t\t\t\t\t <td>\n <select class=\"ifb-insert-variable-preprocess\" onchange=\"iPhorm.insertVariable('#default_value_53', this);\">\n\t<option value=\"\">Insert variable...<\/option>\n\t<option value=\"{ip}\">User IP address<\/option>\n\t<option value=\"{user_agent}\">User agent<\/option>\n\t<option value=\"{post_id}\">Form post\/page ID<\/option>\n\t<option value=\"{post_title}\">Form post\/page title<\/option>\n\t<option value=\"{url}\">Form URL<\/option>\n\t<option value=\"{user_display_name}\">User display name<\/option>\n\t<option value=\"{user_email}\">User email<\/option>\n\t<option value=\"{user_login}\">User login<\/option>\n\t<option value=\"{referring_url}\">Referring URL<\/option>\n\t<optgroup label=\"Date (select a format)\">\n\t\t\t\t<option value=\"{current_date|l, jS F Y}\">Thursday, 25th December 2014<\/option>\n\t\t\t\t<option value=\"{current_date|D, jS M Y}\">Thu, 25th Dec 2014<\/option>\n\t\t\t\t<option value=\"{current_date|jS F Y}\">25th December 2014<\/option>\n\t\t\t\t<option value=\"{current_date|jS M Y}\">25th Dec 2014<\/option>\n\t\t\t\t<option value=\"{current_date|l, j F Y}\">Thursday, 25 December 2014<\/option>\n\t\t\t\t<option value=\"{current_date|l, F j, Y}\">Thursday, December 25, 2014<\/option>\n\t\t\t\t<option value=\"{current_date|D, j M Y}\">Thu, 25 Dec 2014<\/option>\n\t\t\t\t<option value=\"{current_date|D, M j, Y}\">Thu, Dec 25, 2014<\/option>\n\t\t\t\t<option value=\"{current_date|j F Y}\">25 December 2014<\/option>\n\t\t\t\t<option value=\"{current_date|F j, Y}\">December 25, 2014<\/option>\n\t\t\t\t<option value=\"{current_date|j M Y}\">25 Dec 2014<\/option>\n\t\t\t\t<option value=\"{current_date|d\/m\/Y}\">25\/12\/2014<\/option>\n\t\t\t\t<option value=\"{current_date|m\/d\/Y}\">12\/25\/2014<\/option>\n\t\t\t\t<option value=\"{current_date|Y\/m\/d}\">2014\/12\/25<\/option>\n\t\t\t\t<option value=\"{current_date|Y-m-d}\">2014-12-25<\/option>\n\t\t\t\t<option value=\"{current_date|d-m-Y}\">25-12-2014<\/option>\n\t\t\t\t<option value=\"{current_date|d.m.Y}\">25.12.2014<\/option>\n\t\t\t<\/optgroup>\n\t\t<optgroup label=\"Time (select a format)\">\n\t\t\t\t<option value=\"{current_time|g:i a}\">5:35 pm<\/option>\n\t\t\t\t<option value=\"{current_time|g:ia}\">5:35pm<\/option>\n\t\t\t\t<option value=\"{current_time|g:i A}\">5:35 PM<\/option>\n\t\t\t\t<option value=\"{current_time|g:iA}\">5:35PM<\/option>\n\t\t\t\t<option value=\"{current_time|H:i}\">17:35<\/option>\n\t\t\t<\/optgroup>\n<\/select>\t\t\t\t\t\t <textarea class=\"ifb-textarea-default-value\" id=\"default_value_53\" name=\"default_value_53\"\n\t\t\t\t\t\t onfocus=\"iPhorm.updateDefaultValue(this, iPhorm.getElementById(53));\"\n\t\t\t\t\t\t onblur=\"iPhorm.updateDefaultValue(this, iPhorm.getElementById(53));\"\n\t\t\t\t\t\t onkeyup=\"iPhorm.updateDefaultValue(this, iPhorm.getElementById(53));\"><\/textarea>\n\t\t\t\t\t\t <\/td>\n\t\t\t\t\t\t<\/tr>\n <tr valign=\"top\">\n <th scope=\"row\"><label for=\"clear_default_value_53\">Clear default value on focus<\/label><\/th>\n <td>\n <input type=\"checkbox\" id=\"clear_default_value_53\" name=\"clear_default_value_53\" onclick=\"iPhorm.toggleClearDefaultValue(iPhorm.getElementById(53));\" \/>\n <p class=\"description\">If checked, the default value will be removed when the user clicks on the field.<\/p>\n <\/td>\n<\/tr>\n<tr valign=\"top\" class=\"ifb-show-if-clear-default-value ifb-hidden\">\n <th scope=\"row\"><label for=\"reset_default_value_53\">Show default value on blur if empty<\/label><\/th>\n <td>\n <input type=\"checkbox\" id=\"reset_default_value_53\" name=\"reset_default_value_53\" checked='checked' \/>\n <p class=\"description\">If checked, when the user clicks off the field and leaves it empty, the default\n value will show again.<\/p>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n The admin label will be shown throughout the form builder, in the notification email and when viewing submitted form entries. <\/div><\/div>\n <label for=\"admin_label_53\">Admin label<\/label>\n <\/th>\n <td><input type=\"text\" id=\"admin_label_53\" name=\"admin_label_53\" value=\"\" onblur=\"iPhorm.updateAdminLabel(this, iPhorm.getElementById(53));\" \/><\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\"><label for=\"required_message_53\">Error message if required<\/label><\/th>\n <td>\n <input type=\"text\" id=\"required_message_53\" name=\"required_message_53\" value=\"\" \/>\n <p class=\"description\">Translate or override the error message shown under the field\n when the element is required. The default is &quot;<span class=\"ifb-bold\">This field is required<\/span>&quot;.<\/p>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n If checked, the submitted element data will not be shown in the default notification email <\/div><\/div>\n <label for=\"is_hidden_53\">Do not show in the email<\/label>\n <\/th>\n <td><input type=\"checkbox\" id=\"is_hidden_53\" name=\"is_hidden_53\" \/><\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n If checked, the submitted element data will be saved to the database and shown when viewing an entry <\/div><\/div>\n <label for=\"save_to_database_53\">Save value to the database<\/label>\n <\/th>\n <td><input type=\"checkbox\" id=\"save_to_database_53\" name=\"save_to_database_53\" checked='checked' onclick=\"iPhorm.toggleSaveToDatabase(iPhorm.getElementById(53));\" \/><\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n &quot;Inherit&quot; means that the label placement will be inherted from the global\n form settings or parent group. <\/div><\/div>\n <label for=\"label_placement_53\">Label placement<\/label>\n <\/th>\n <td>\n <select id=\"label_placement_53\" name=\"label_placement_53\" onchange=\"iPhorm.setElementLabelPlacement(iPhorm.getElementById(53));\">\n <option value=\"inherit\" selected='selected'>Inherit<\/option>\n <option value=\"above\" >Above<\/option>\n <option value=\"left\" >Left<\/option>\n <option value=\"inside\" >Inside<\/option>\n <\/select>\n <p class=\"description\">Choose where to display the label relative to the input. Changes to this setting will only be visible when viewing or previewing the form.<\/p>\n <\/td>\n<\/tr>\n<tr valign=\"top\" class=\"ifb-hidden ifb-show-if-element-label-placement-left\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">Specify how wide the labels should be, this only applies when the label placement is left<\/div><\/div>\n <label for=\"label_width_53\">Label width<\/label>\n <\/th>\n <td>\n <input name=\"label_width_53\" id=\"label_width_53\" type=\"text\" value=\"\" class=\"ifb-halfwidth-input\" \/>\n <p class=\"description\">The width of the element labels, any valid CSS width is accepted, e.g. <span class=\"ifb-bold\">200px<\/span><\/p>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">If set to <span class=\"ifb-bold\">Inherit<\/span>, the setting will be inherited from the global\nform settings. If set to <span class=\"ifb-bold\">Field<\/span>, the tooltip will show when the user interacts with\n the field. If set to <span class=\"ifb-bold\">Help icon<\/span>, the tooltip will be shown when the user interacts with a help icon.<\/div><\/div>\n <label for=\"tooltip_type_53\">Tooltip trigger<\/label>\n <\/th>\n <td>\n <select name=\"tooltip_type_53\" id=\"tooltip_type_53\">\n <option value=\"inherit\" selected='selected'>Inherit<\/option>\n <option value=\"field\" >Field<\/option>\n <option value=\"icon\" >Help icon<\/option>\n\n <\/select>\n <p class=\"description\">Choose what the user will be interacting with to show the tooltip.<\/p>\n<\/tr>\n<tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">If set to <span class=\"ifb-bold\">Inherit<\/span>, the setting will be inherited from the global\nform settings.<\/div><\/div>\n <label for=\"tooltip_event_53\">Tooltip event<\/label>\n <\/th>\n <td>\n <select name=\"tooltip_event_53\" id=\"tooltip_event_53\">\n <option value=\"inherit\" selected='selected'>Inherit<\/option>\n <option value=\"hover\" >Hover<\/option>\n <option value=\"click\" >Click<\/option>\n <\/select>\n <p class=\"description\">Choose the event that will trigger the tooltip to show.<\/p>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n Prevents the form being submitted if a form has previously been submitted with the same value <\/div><\/div>\n <label for=\"prevent_duplicates_53\">Prevent duplicates<\/label>\n <\/th>\n <td>\n <input type=\"checkbox\" id=\"prevent_duplicates_53\" name=\"prevent_duplicates_53\" onclick=\"iPhorm.togglePreventDuplicates(iPhorm.getElementById(53));\" \/>\n <\/td>\n<\/tr>\n<tr valign=\"top\" class=\"ifb-show-if-prevent-duplicates ifb-hidden\">\n <th scope=\"row\">\n <label for=\"duplicate_found_message_53\">Error message if duplicate found<\/label>\n <\/th>\n <td>\n <input type=\"text\" id=\"duplicate_found_message_53\" name=\"duplicate_found_message_53\" value=\"\" \/>\n <p class=\"description\">Translate or override the error message shown under a field when a\n duplicate value is found. The default is &quot;<span class=\"ifb-bold\">This value is a duplicate of a previously submitted form<\/span>&quot;.<\/p>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <label for=\"prevent_duplicates_53\">Enable conditional logic<\/label>\n <\/th>\n <td>\n <input type=\"checkbox\" id=\"logic_53\" name=\"logic_53\" onclick=\"iPhorm.toggleLogic(iPhorm.getElementById(53));\" \/>\n <p class=\"description\">\n Enables you to create rules to show or hide this field depending on the values of other fields <\/p>\n <\/td>\n<\/tr>\n<tr valign=\"top\" class=\"ifb-show-if-logic-on ifb-hidden\">\n <th scope=\"row\">\n <label>Logic rules<\/label>\n <\/th>\n <td>\n <div id=\"ifb_logic_rules_53\"><\/div>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n Allows the default value of the field to be set dynamically via a\n URL parameter, shortcode attribute or filter hook. <\/div><\/div>\n <label for=\"dynamic_default_value_53\">Dynamic default value<\/label>\n <\/th>\n <td><input type=\"checkbox\" id=\"dynamic_default_value_53\" name=\"dynamic_default_value_53\" onclick=\"iPhorm.toggleDynamicDefaultValue(iPhorm.getElementById(53));\" \/><\/td>\n<\/tr>\n<tr valign=\"top\" class=\"ifb-show-if-dynamic-default-value ifb-hidden\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n This is the name of the parameter that you will use to set the default.\n For example, in the URL you can set the value using <span class=\"ifb-bold\">?parameter_name=my_value<\/span>. <\/div><\/div>\n <label for=\"dynamic_key_53\">Parameter name<\/label>\n <\/th>\n <td><input type=\"text\" id=\"dynamic_key_53\" name=\"dynamic_key_53\" value=\"\" \/><\/td>\n<\/tr> <tr class=\"ifb-save-element-tr\" valign=\"top\">\n <td colspan=\"2\">\n <div class=\"ifb-save-element-wrap qfb-cf\">\n <a class=\"ifb-help-element\" href=\"http:\/\/66.147.244.121\/~aspenxch\/wp-admin\/admin.php?page=iphorm_help&section=element-textarea\">Help<\/a>\n <a class=\"ifb-save-element\" onclick=\"iPhorm.saveElementSettings(this, 'd9e21ab4c9'); return false;\">Save<\/a>\n <a class=\"ifb-close-element\" onclick=\"iPhorm.hideSettings(53); return false;\">Hide<\/a>\n <a class=\"ifb-save-close-element\" onclick=\"iPhorm.saveAndCloseElementSettings('d9e21ab4c9', 53); return false;\">Save & Hide<\/a>\n <\/div>\n <\/td>\n<\/tr> <\/table>\n <\/div>\n <\/div>\n <div class=\"ifb-tabs-panel\" id=\"ifb-element-settings-tab-advanced-53\">\n <div class=\"ifb-element-settings-inner\">\n <table class=\"ifb-form-table ifb-element-settings-form-table ifb-element-settings-advanced-form-table\">\n <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n Once you have added a style, enter the CSS styles one per line, with each line ending in\n a semi-colon. <a onclick=\"window.open(this.href); return false;\" href=\"http:\/\/66.147.244.121\/~aspenxch\/wp-admin\/admin.php?page=iphorm_help&section=element-text#example-styles\">Click here<\/a> for an example. <\/div><\/div>\n <label>CSS styles<\/label>\n <\/th>\n <td>\n <div id=\"ifb-styles-53\">\n <\/div>\n <div class=\"ifb-styles-empty ifb-info-message\" id=\"ifb-styles-empty-53\"><span class=\"ifb-info-message-icon\"><\/span>No styles.<\/div>\n <\/td>\n<\/tr>\n<tr valign=\"top\">\n <th scope=\"row\"><label>Add a style<\/label><\/th>\n <td class=\"ifb-add-style-list\">\n <a class=\"ifb-button\" onclick=\"iPhorm.addStyle(iPhorm.getElementById(53), 'outer');\">Outer wrapper<\/a>\n <a class=\"ifb-button\" onclick=\"iPhorm.addStyle(iPhorm.getElementById(53), 'label');\">Label<\/a>\n <a class=\"ifb-button\" onclick=\"iPhorm.addStyle(iPhorm.getElementById(53), 'inner');\">Inner wrapper<\/a>\n <a class=\"ifb-button\" onclick=\"iPhorm.addStyle(iPhorm.getElementById(53), 'textarea');\">Textarea input<\/a>\n <a class=\"ifb-button\" onclick=\"iPhorm.addStyle(iPhorm.getElementById(53), 'elementDescription');\">Description<\/a>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n The unique identifier, you may need this for advanced functions. <\/div><\/div>\n <label>Unique ID<\/label>\n <\/th>\n <td>\n <div class=\"ifb-hide-if-new-form ifb-unique-id-wrap\">iphorm_<span class=\"ifb-update-form-id\">3<\/span>_53<\/div>\n <div class=\"ifb-show-if-new-form\">\n <div class=\"ifb-info-message\"><span class=\"ifb-info-message-icon\"><\/span>Please save the form to see the unique element ID.<\/div>\n <\/div>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n You can use these selectors in your CSS stylesheet to style this element individually. <\/div><\/div>\n <label>CSS selectors<\/label>\n <\/th>\n <td>\n <div class=\"ifb-hide-if-new-form\">\n <div class=\"ifb-info-box ifb-info-message\"><span class=\"ifb-info-message-icon\"><\/span>You can use the CSS selectors below in your stylesheet to style this element individually.<\/div>\n<h4>Outer wrapper<\/h4>\n<pre>.iphorm_<span class=\"ifb-update-form-id\">3<\/span>_53-element-wrap { }<\/pre>\n<h4>Label<\/h4>\n<pre>.iphorm_<span class=\"ifb-update-form-id\">3<\/span>_53-element-wrap label { }<\/pre>\n<h4>Inner wrapper<\/h4>\n<pre>.iphorm_<span class=\"ifb-update-form-id\">3<\/span>_53-input-wrap { }<\/pre>\n<h4>Input field<\/h4>\n<pre>.iphorm_<span class=\"ifb-update-form-id\">3<\/span>_53-input { }<\/pre>\n<h4>Description<\/h4>\n<pre>.iphorm_<span class=\"ifb-update-form-id\">3<\/span>_53-element-wrap .iphorm-description { }<\/pre> <\/div>\n <div class=\"ifb-show-if-new-form\">\n <div class=\"ifb-info-message\"><span class=\"ifb-info-message-icon\"><\/span>Please save the form to see the CSS selectors.<\/div>\n <\/div>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n Filters allow you to strip various characters from the submitted form data <\/div><\/div>\n <label>Filters<\/label>\n <\/th>\n <td>\n <div id=\"ifb-filters-53\">\n <\/div>\n <div class=\"ifb-filters-empty ifb-info-message\" id=\"ifb-filters-empty-53\" ><span class=\"ifb-info-message-icon\"><\/span>No filters.<\/div>\n <\/td>\n<\/tr>\n<tr valign=\"top\">\n <th scope=\"row\"><label>Add a filter<\/label><\/th>\n <td class=\"ifb-add-filter-list\">\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Removes any non-alphabet characters\" onclick=\"iPhorm.addFilter(iPhorm.getElementById(53), 'alpha');\">Alpha<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Removes any non-alphabet characters and non-digits\" onclick=\"iPhorm.addFilter(iPhorm.getElementById(53), 'alphaNumeric');\">Alpha Numeric<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Removes any non-digits\" onclick=\"iPhorm.addFilter(iPhorm.getElementById(53), 'digits');\">Digits<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Removes any HTML tags\" onclick=\"iPhorm.addFilter(iPhorm.getElementById(53), 'stripTags');\">Strip Tags<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Removes white space from the start and end\" onclick=\"iPhorm.addFilter(iPhorm.getElementById(53), 'trim');\">Trim<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Removes characters matching the given regular expression\" onclick=\"iPhorm.addFilter(iPhorm.getElementById(53), 'regex');\">Regex<\/a>\n <\/td>\n<\/tr> <tr valign=\"top\">\n <th scope=\"row\">\n <div class=\"ifb-tooltip\"><div class=\"ifb-tooltip-content\">\n Validators checks whether the data entered by the user is valid <\/div><\/div>\n <label>Validators<\/label>\n <\/th>\n <td>\n <div id=\"ifb-validators-53\">\n <\/div>\n <div class=\"ifb-validators-empty ifb-info-message\" id=\"ifb-validators-empty-53\" ><span class=\"ifb-info-message-icon\"><\/span>No validators.<\/div>\n <\/td>\n<\/tr>\n<tr valign=\"top\">\n <th scope=\"row\"><label>Add a validator<\/label><\/th>\n <td class=\"ifb-add-validator-list\">\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value contains only alphabet characters\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'alpha');\">Alpha<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value contains only alphabet or digit characters\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'alphaNumeric');\">Alpha Numeric<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value contains only digits\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'digits');\">Digits<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value is a valid email address\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'email');\">Email<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value is numerically greater than the given minimum\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'greaterThan');\">Greater Than<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value is identical to the given token\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'identical');\">Identical<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value is numerically less than the given maximum\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'lessThan');\">Less Than<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the length of the value is between the given maximum and minimum\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'length');\">Length<\/a>\n <a class=\"ifb-button ifb-simple-tooltip\" title=\"Checks that the value matches the given regular expression\" onclick=\"iPhorm.addValidator(iPhorm.getElementById(53), 'regex');\">Regex<\/a>\n <\/td>\n<\/tr> <tr class=\"ifb-save-element-tr\" valign=\"top\">\n <td colspan=\"2\">\n <div class=\"ifb-save-element-wrap qfb-cf\">\n <a class=\"ifb-help-element\" href=\"http:\/\/66.147.244.121\/~aspenxch\/wp-admin\/admin.php?page=iphorm_help&section=element-textarea\">Help<\/a>\n <a class=\"ifb-save-element\" onclick=\"iPhorm.saveElementSettings(this, 'd9e21ab4c9'); return false;\">Save<\/a>\n <a class=\"ifb-close-element\" onclick=\"iPhorm.hideSettings(53); return false;\">Hide<\/a>\n <a class=\"ifb-save-close-element\" onclick=\"iPhorm.saveAndCloseElementSettings('d9e21ab4c9', 53); return false;\">Save & Hide<\/a>\n <\/div>\n <\/td>\n<\/tr> <\/table>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>"},"message":{"type":"success","content":"<span class=\"ifb-message-inner\">Element added<\/span> <a class=\"iphorm-more-info\" onclick=\"iPhorm.scrollToElement(iPhorm.getElementById(53)); return false;\">Settings<\/a>","timeout":5}}

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Victor]

We have identified another plugin that appears to be conflicting with Quform. We have disabled it and are looking for a replacement or upgrade.

Thank you for your reply.

Victor

[Author]

Posts