0byt3m1n1-V2

Path: /home/yvffpqmy/public_html/wp-content/plugins/arforms/documentation/ [ Home ]
File: index.html
<!DOCTYPE html>
<html>

<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>ReputeInfosystems | ARForms Documentation</title>
    <meta name="description" content="Make a custom WordPress form in fraction of time - ARForms Plugin allows you to make create fully functional contact forms without any coding. Try free demo Now!">
    <meta name="keywords" content="form builder plugin,WordPress form builder,WordPress contact form builder, WordPress contact form builder plugin">
    <link rel="stylesheet" href="assets/css/lightbox.css" type="text/css">
    <link rel="stylesheet" href="assets/style.css" type="text/css" media="screen, projection">
    <script language="javascript" src="js/jquery-3.3.1.min.js"></script>
    <script language="javascript">
        jQuery(function($) {
            var amountScrolled = 460;
            $(window).scroll(function() {
                if ($(window).scrollTop() > amountScrolled) {
                    $('a.back-to-top').fadeIn('slow');
                } else {
                    $('a.back-to-top').fadeOut('slow');
                }
            });
            $('a.back-to-top').click(function() {
                $('html, body').animate({
                    scrollTop: 0
                }, 700);
                return false;
            });
            jQuery(document).on('click', '.panel', function(event) {
                event.preventDefault();
                $('.panel').removeClass('active');
                $('html,body').animate({
                    scrollTop: 0
                }, 'fast', 'swing');
                var id = this.hash;
                $('#content').fadeOut('fast', function() {
                    $(this).html($(id).html()).fadeIn();
                });
                $(this).addClass('active');
            });
            jQuery("#menu_toggle").click(function() {
                jQuery("body").toggleClass("nav_open");
            });
            jQuery("#overlay").click(function() {
                jQuery("body").toggleClass("nav_open");
            });
            jQuery(document).ready(function() {
                set_min_height();
                jQuery(window).resize(function() {
                    set_min_height();
                });
            });

            function set_min_height() {
                var minheight = jQuery(window).height();
                jQuery(".main_wrap").css('min-height', minheight);
            }
            var stickyTop = 40;
            jQuery(window).scroll(function() {
                var windowTop = jQuery(window).scrollTop() + 20;
                if (stickyTop < windowTop) {
                    jQuery('#header').css('position', 'fixed');
                    jQuery('.header').css('height', '85px');
                    jQuery('.logo').css('height', '85px');
                    jQuery('.logo').css("background", "url('assets/images/logo_small.png') no-repeat");
                } else {
                    jQuery('#header').css('position', 'relative');
                    jQuery('.header').css('height', '100px');
                    jQuery('.logo').css('height', '100px');
                    jQuery('.logo').css("background", "url('assets/images/logo.png') no-repeat");
                }
            });
        });
        jQuery(document).ready(function() {
            if (window.location.hash) {
                var refer_to = window.location.hash;
                jQuery('a[href="' + refer_to + '"]').trigger('click');
            }
        });
    </script>
</head>

<body>
    <div class="header" id="header"><a class="show_on_mobile" id="menu_toggle"><span class="menu_icon"></span><span class="vert_divider"></span></a>
        <div class="logo_wrap">
            <div class="logo"></div>
        </div>
    </div>
    <div class="main_wrap" style="min-height: 346px">
        <div class="wrap clearfix">
            <div id="sidebar">
                <div id="api_sections">
                    <h5>Getting Started</h5>
                    <ul>
                        <li><a class="panel" href="#intro">Home</a></li>
                        <li><a class="panel" href="#changelog">Changelog</a></li>
                        <li><a class="panel" href="#installation">Installation & Activation</a></li>
                        <li><a class="panel" href="#sources_credits">Sources & Credit</a></li>
                        <li><a class="panel" href="#setup_wizard">ARForms Setup Wizard</a></li>
                        <li><a class="panel" href="#arf_dashboard_widget">Dashboard Widgets</a></li>
                    </ul>
                    <h5>Form Builder</h5>
                    <ul class="sidebar_wrap">
                        <li><a class="panel" href="#building_form">Building a Form</a></li>
                        <li><a class="panel" href="#input_field_type">Input Field Types</a></li>
                        <li><a class="panel" href="#other_field_type">Other Field Types</a></li>
                        <li><a class="panel" href="#dynamic_dropdown">Dynamic Dropdown</a></li>
                        <li><a class="panel" href="#multi_column">Multicolumn & Resizable</a></li>
                        <li><a class="panel" href="#running_total">Running Total ( Match Logic )</a></li>
                        <li><a class="panel" href="#repeater_details">Repeater ( Add More )</a></li>
                        <li><a class="panel" href="#conditional_logic">Conditional Logic</a></li>
                        <li><a class="panel" href="#multipart">Multi-Parts / Multi Pages Form</a></li>
                        <li><a class="panel" href="#pagebreaktimer">Page Break Timer</a></li>
                        <li><a class="panel" href="#email_notifiaction">Email Notification</a></li>
                        <li><a class="panel" href="#form_submit_act">Form Submit Action</a></li>
                        <li><a class="panel" href="#form_other_options">Form Other Options</a></li>
                        <li><a class="panel" href="#field_type_change">Covert Field Type</a></li>
                        <li><a class="panel" href="#styling_opt">Form Styling Options</a></li>
                        <li><a class="panel" href="#optins_email">Opt-ins:Email Marketing Tools</a></li>
                        <li><a class="panel" href="#spam_protect_forms">SPAM PROTECTED FORMS</a></li>
                        <li><a class="panel" href="#save_partial_data">Auto Save partial form data</a></li>
                        <li><a class="panel" href="#skip_store_entry">Don't store entry in database</a></li>
                        <li><a class="panel" href="#populate_form">Pre Populated Forms</a></li>
                        <li><a class="panel" href="#populate_popup_form">Pre Populated Popup Forms</a></li>
                        <li><a class="panel" href="#populate_user_data">Pre Populated Userdata</a></li>
                        <li><a class="panel" href="#populate_field_value_html">Populate Field values in html</a></li>
                    </ul>
                    <h5>Display Form In Frontend</h5>
                    <ul class="sidebar_wrap">
                        <li><a class="panel" href="#style_to_display_form">Styles to display a forms</a></li>
                        <li><a class="panel" href="#shortcodes">Shortcode</a></li>
                        <li><a class="panel" href="#arf_gutenberg">ARForms with Gutenberg</a></li>
                        <li><a class="panel" href="#arf_vc">ARForms with Visual Composer</a></li>
                        <li><a class="panel" href="#arf_cs">ARForms with Cornerstone</a></li>
                        <li><a class="panel" href="#arf_elementor">ARForms with Elementor</a></li>
                        <li><a class="panel" href="#arf_widget">ARForms in Widget</a></li>
                        <li><a class="panel" href="#arf_navmenu">ARForms in Navigation Menu</a></li>
                        <li><a class="panel" href="#arf_template_shrtcd">ARForms in Theme Templates</a></li>
                        <li><a class="panel" href="#arf_site_wide_popup">Site Wide Popup</a></li>
                    </ul>
                    <h5>Form Entries / Analytics</h5>
                    <ul class="sidebar_wrap">
                        <li><a class="panel" href="#mng_entry">Manage Entries</a></li>
                        <li><a class="panel" href="#mng_incompete_entry">Manage Incomplete Entries</a></li>
                        <li><a class="panel" href="#ent_analytic">Entries Analytics / Chart</a></li>
                        <li><a class="panel" href="#exp_entry">Export Form Entries</a></li>
                    </ul>
                    <h5>Global Setting</h5>
                    <ul class="sidebar_wrap">
                        <li><a class="panel" href="#def_msg_form">Default Messages for forms</a></li>
                        <li><a class="panel" href="#email_config">Email Configuration</a></li>
                        <li><a class="panel" href="#general_opt">Other General Options</a></li>
                        <li><a class="panel" href="#load_js_css">Load JS & CSS in all pages</a></li>
                    </ul>
                    <h5>Email Marketing Tools</h5>
                    <ul>
                        <li><a class="panel" href="#config_email_mark">Configuring Email Marketing Tools</a></li>
                    </ul>
                    <h5>Form Import / Export</h5>
                    <ul>
                        <li><a class="panel" href="#import_export">Import and Export Form(s)</a></li>
                    </ul>
                </div>
            </div>
            <div id="content">
                <div id="intro">
                    <h1>ARForms - Exclusive WordPress Form Builder Plugin ( Version: 5.9 )</h1>
                    <div class="card">
                        <p><span class="icon_clock"></span><strong>Created:</strong>18/01/2023</p>
                        <p><span class="icon_by"></span><strong>By:</strong>&nbsp;<a href="http://www.reputeinfosystems.com" target="_blank">Repute Infosystems</a> </p>
                        <p class="bottom_margin"><span class="icon_email"></span><strong> Email: </strong><a href="mailto:info@reputeinfosystems.com">info@reputeinfosystems.com</a></p>
                        <p>Thank you for purchasing ARForms plugin. If you have any questions that are beyond the scope of this help file, please feel free to email us via the contact form <a href="https://helpdesk.arpluginshop.com/" target="_blank">here</a>. Thank you so much!</p>
                        <hr>
                        <h2>What is ARForms?</h2>
                        <p>ARForms is a premium WordPress form builder plugin with inbuilt support of multiple Email Marketing Tools integration. It has support of 13 Email Marketing Tools which are AWeber, Mailchimp, GetResponse, iContact, Constant Contact, Madmimi, eBizAC, GVO, MailerLite, Hubspot, Convertkit, Sendinblue, Drip. ARForms is a complete bundle and a very user-friendly form builder to create any complex forms in just a few clicks without any advanced knowledge required. It supports all popular WordPress versions from 4.5 to the latest version of WordPress.</p>
                        <p>ARForms has a very powerful realtime editor with which you can build any complex form in few minutes. ARForms gives lots of styling options in an editor which allows you to create beautiful forms that will suit any theme design. The Real Beauty of ARForms is, you can find ARForms in your native language. YES! Whatever you have just read is a reality. ARForms is supporting inbuilt 12 languages like English, Arabic, French, German, Portuguese, Russian, Spanish, Japanese, Korean, Turkish, Chinese, Dutch languages by default.</p>
                        <hr>
                        <h2>ARForms Key Features:</h2>
                        <ul class="large_bottom_margin">
                            <li>Exclusive Form Builder plugin with multiple <code>Email Marketing Tools</code> support.</li>
                            <li><code>Multiple column layout</code> support. Now build your forms beautifully with <strong>up to 6 columns</strong>.</li>
                            <li>A very unique and very rich <code>Form Styling Tool</code> with Google Font support.</li>
                            <li><strong>Multiple Form Steps </strong> facility to build <code>Survey style forms</code> and <code>Wizard style forms</code></li>
                            <li>Support for adding Beautiful <code>Prefix/Suffix</code> icons at fields</li>
                            <li><code>Flying Forms</code> and <code>Sticky Forms</code> to enhance your representation of forms</li>
                            <li>Facility to <strong>load modal forms on page load</strong></li>
                            <li><strong>Transparent Modal Forms </strong> facility to make your form even richer</li>
                            <li>To avoid spamming, ARForms has <code>Inbuilt Captcha Mechanism</code></li>
                            <li>Dynamic field setting using <code>Conditional laws</code>. You can Hide, Show, Enable or Disable fields based on rules applied on the field.</li>
                            <li>Ability to display <code>running total</code> based on the calculation on fields' value.</li>
                            <li>Ajax-enabled forms to give a smooth experience to users.</li>
                            <li>Ability to <strong>display any external images</strong> on the form with Image control.</li>
                            <li>Awesome feature of <strong>Conditional redirect to URL</strong> after form submit.</li>
                            <li>Provides facility to <strong>Send data to Custom URL</strong> </li>
                            <li><code>Fancy checkbox and radio buttons</code> with multiple color options.</li>
                            <li>Fully Customizable <code>Email notifications</code> to users and admin.</li>
                            <li>Form <code>Analytics</code>.</li>
                            <li><code>Responsive</code> forms.</li>
                            <li><strong>Ready form templates</strong> for free. e.g. Contact Us Form, Subscription Form, Job Application Form, Feedback Form, RSVP Form and many more.</li>
                            <li><code>Data Migration</code> is another very awesome feature of ARForms. You can <code>Import / Export</code> your Forms and Form Entries. </li>
                            <li><code>Visual Composer</code> supported</li>
                            <li><strong>No programming skills required</strong>.</li>
                            <li><strong>Dedicated support</strong>.</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Div Contents -->
            <div class="nonecontent" style="display: none">
                <div id="intro">
                        <h1>ARForms - Exclusive WordPress Form Builder Plugin ( Version: 5.9 )</h1>
                    <div class="card">
                        <p><span class="icon_clock"></span><strong>Created:</strong>18/01/2023</p>
                        <p><span class="icon_by"></span><strong>By:</strong>&nbsp;<a href="http://www.reputeinfosystems.com" target="_blank">Repute Infosystems</a> </p>
                        <p class="bottom_margin"><span class="icon_email"></span><strong> Email: </strong><a href="mailto:info@reputeinfosystems.com">info@reputeinfosystems.com</a></p>
                        <p>Thank you for purchasing ARForms plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via the contact form <a href="https://helpdesk.arpluginshop.com/" target="_blank">here</a>. Thank you so much!</p>
                        <hr>
                        <h2>What is ARForms?</h2>
                        <p>ARForms is premium WordPress form builder plugin with inbuilt support of multiple Email Marketing Tools integration. It has support of 13 Email Marketing Tools which are AWeber, Mailchimp, GetResponse, iContact, Constant Contact, Madmimi, eBizAC, GVO, MailerLite, Hubspot, ConvertKit, Sendinblue, Drip. ARForms is complete bundle and a very user friendly form builder to create any complex forms in just few clicks without any advanced knowledge required. It supports all popular WordPress versions from 4.5 to latest version of WordPress.</p>
                        <p>ARForms has very powerful realtime editor with which you can build any complex form in few minutes. ARForms gives lots of styling options in editor which allows you to create beautiful forms which will suit with any theme design. The Real Beauty of ARForms is, you can find ARForms in your native language. YES! Whatever you have just read is reality. ARForms is supporting inbuilt 12 languages like English, Arabic, French, German, Portuguese, Russian, Spanish, Japanese, Korean, Turkish, Chinese, Dutch languages by default.</p>
                        
                        <hr>
                        <h2>ARForms Key Features:</h2>
                        <ul class="large_bottom_margin">
                            <li>Exclusive Form Builder plugin with multiple <code>Email Marketing Tools</code> support.</li>
                            <li><code>Multiple column layout</code> support. Now build your forms beautifully with <strong>upto 6 columns</strong>.</li>
                            <li>A very unique and very rich <code>Form Styling Tool</code> with Google Font support.</li>
                            <li><strong>Multiple Form Steps </strong> facility to build <code>Survey style forms</code> and <code>Wizard style forms</code></li>
                            <li>Support for adding Beautiful <code>Prefix/Suffix</code> icons at fields</li>
                            <li><code>Flying Forms</code> and <code>Sticky Forms</code> to enhance your representation of forms</li>
                            <li>Facility to <strong>load modal forms on page load</strong></li>
                            <li><strong>Transparent Modal Forms </strong> facility to make your form even richer</li>
                            <li>To avoid spamming, ARForms has <code>Inbuilt Captcha Mechanism</code></li>
                            <li>Dynamic field setting using <code>Conditional laws</code>. You can Hide, Show, Enable or Disable fields based on rules applied on field.</li>
                            <li>Ability to display <code>running total</code> based on calculation on fields' value.</li>
                            <li>Ajax-enabled forms to give smooth experience to users.</li>
                            <li>Ability to <strong>display any external images</strong> on the form with Image control.</li>
                            <li>Awesome feature of <strong>Conditional redirect to URL</strong> after form submit.</li>
                            <li>Provides facility to <strong>Send data to Custom URL</strong> </li>
                            <li><code>Fancy checkbox and radio buttons</code> with multiple color options.</li>
                            <li>Fully Customizable <code>Email notifications</code> to users and admin.</li>
                            <li>Form <code>Analytics</code>.</li>
                            <li><code>Responsive</code> forms.</li>
                            <li><strong>Ready form templates</strong> for free. e.g. Contact Us Form, Subscription Form, Job Application Form, Feedback Form, RSVP Form and many more.</li>
                            <li><code>Data Migration</code> is another very awesome feature of ARForms. You can <code>Import / Export</code> your Forms and Form Entries. </li>
                            <li><code>Visual Composer</code> supported</li>
                            <li><strong>No programming skills required</strong>.</li>
                            <li><strong>Dedicated support</strong>.</li>
                        </ul>
                    </div>
                </div>
                <div id="installation">
                    <h1>Installation, Activation & Update</h1>
                    <div class="card">
                        <h2>Steps For Installation And Activation</h2>
                        <p>You can install plugin either of these two methods.</p>
                        <h3>New install viaFTP </h3>
                        <ol class="large_bottom_margin bottom_margin" type="a">
                            <li>Download the plugin from <code>CodeCanyon</code>, and extract it. You should find a directory <strong>arforms</strong>.</li>
                            <li>In your WordPress installation, upload <strong>arforms</strong> to <code>wp-content/plugins/</code></li>
                            <li>Activate the <code>ARForms</code> plugin through the <code>Plugins</code> menu from WordPress admin panel.</li>
                        </ol>
                        <h3>New install via the WordPress Uploader </h3>
                        <ol class="large_bottom_margin bottom_margin" type="a">
                            <li>Download the plugin from <code>CodeCanyon</code></li>
                            <li>Log in to your WordPress admin panel</li>
                            <li>Go to <code>Plugins</code> -> <code>Add New</code> -> <code>Upload</code></li>
                            <li>Click on choose file and browse the download package from <code>CodeCanyon</code>. When the plugin uploads successfully, click on <code>Activate Plugin</code>.</li>
                        </ol>
                        <p>After activating the plugin, you will be able to see <strong>ARForms</strong> menu in admin left menu.</p>
                        <p class="doc_image">
                            <a href="assets/images/upload_and_activation.png" rel="lightbox"><img src="assets/images/upload_and_activation.png" alt="ARForms Plugin Installation" title="ARForms Plugin Installation"></a>
                        </p>
                        <p>After activating the plugin, you need to activate your license for support and enables automatic upgrades. A license key only be used for one installation of WordPress at a time.</p>
                        <p>Click on <code>General Settings</code> link to activate your license. You will see below section there on that page. To activate your license, you need to enter your Name, Email address and <code>purchase code</code>( <code>Unique code</code> obtained while purchased this product). </p>
                        <p class="doc_image">
                            <a href="assets/images/license_activation_screenshot.png" rel="lightbox"><img src="assets/images/license_activation_screenshot.png" alt="ARForms License KeyActivation" title="ARForms License KeyActivation"></a>
                        </p>
                        <hr>
                        <h3>Steps for Manual Update</h3>
                        <ol class="large_bottom_margin" type="a">
                            <li>Download the plugin from <code>CodeCanyon</code>, and extract it. You should find a directory <strong>arforms</strong>.</li>
                            <li>In your WordPress installation, replace existing <strong>arforms</strong> directory with latest downloaded <strong>arforms</strong> directory to <code>wp-content/plugins/</code> folder.</li>
                            <li>After replacing folder, Click on <code>ARForms</code> Menu from WordPress admin panel and plugin will be updated with latest changes.</li>
                        </ol>
                    </div>
                </div>
                <div id="sources_credits">
                    <h1>Sources & Credits</h1>
                    <div class="card">
                        <ol class="large_bottom_margin">
                            <li><a href="http://fontawesome.io" target="_blank" rel="noopener">FontAwesome</a></li>
                            <li><a href="http://getbootstrap.com" target="_blank" rel="noopener">Bootstrap</a></li>
                            <li><a href="https://www.highcharts.com" target="_blank" rel="noopener">HighCharts</a></li>
                            <li><a href="https://materializecss.com" target="_blank" rel="noopener">Materialize</a></li>
                            <li><a href="https://datatables.net" target="_blank" rel="noopener">DataTable</a></li>
                            <li><a href="https://labs.aweber.com" target="_blank" rel="noopener">Aweber API</a></li>
                            <li><a href="https://developer.mailchimp.com" target="_blank" rel="noopener">MailChimp API</a></li>
                            <li><a href="https://apidocs.getresponse.com/v3" target="_blank" rel="noopener">Get Response API</a></li>
                            <li><a href="https://ebizac.com/" target="_blank" rel="noopener">Ebizac.com API</a></li>
                            <li><a href="https://www.icontact.com/developerportal" target="_blank" rel="noopener">iContact API</a></li>
                            <li><a href="https://www.gogvo.com/email-marketing-service.php" target="_blank" rel="noopener">Gvo API</a></li>
                            <li><a href="https://developer.constantcontact.com" target="_blank" rel="noopener">Constant Contact API</a></li>
                            <li><a href="https://madmimi.com/developer" target="_blank" rel="noopener">MadMimi API</a></li>
                            <li><a href="https://developers.mailerlite.com" target="_blank" rel="noopener">MailerLite API</a></li>
                            <!--  reputelog start -->
                            <li><a href="https://developers.hubspot.com" target="_blank" rel="noopener">HubSpot API</a></li>
                            <li><a href="https://developers.convertkit.com" target="_blank" rel="noopener">ConvertKit API</a></li>
                            <li><a href="https://developers.sendinblue.com" target="_blank" rel="noopener">Sendinblue API</a></li>
                            <li><a href="https://www.drip.com/" target="_blank" rel="noopener">Drip API</a></li>
                            <!-- reputelog end -->
                            <li><a href="https://fonts.google.com/" target="_blank" rel="noopener">Google Fonts API</a></li>
                            <li><a href="http://jscolor.com" target="_blank" rel="noopener">JSColor</a></li>
                            <li><a href="https://github.com/PHPMailer/PHPMailer" target="_blank" rel="noopener">PHPMailer API</a></li>
                            
                            <li><a href="http://dev.maxmind.com/geoip" target="_blank" rel="noopener">Maxmind GeoIP</a></li>
                            <li><a href="https://intl-tel-input.com/" target="_blank" rel="noopener">International Telephone Input</a></li>
                        </ol> Please follow us on,
                        <ul>
                            <li><i class="ts_icon ts_icon_facebook clear_blue small_right_margin"></i><a title="RepunteInfosystems Facebook" href="http://facebook.com/reputeinfosystems/" target="_blank" rel="noopener">Facebook</a></li>
                            <li><i class="ts_icon ts_icon_twitter clear_blue small_right_margin"></i><a title="RepunteInfosystems Twitter" href="https://twitter.com/reputeinfosys" target="_blank" rel="noopener">Twitter</a></li>
                        </ul><strong>Thanks,</strong> <strong>ReputeInfosystems</strong> </div>
                </div>
                <div id="changelog">
                    <h1>Changelog</h1>
                    <div class="card">
                        <h2>Version 5.9 (18 January, 2023)</h2>
                        <ul>
                            <li>Added new facility to place FILE UPLOAD field in Repeater</li>
                            <li>Added a new option to set minimum and maximum date dynamically for date field</li>
                            <li>Added a new option to set name attribute for fields while sending data to Webhook URL</li>
                            <li>Improved Widget design in the theme customizer</li>
                            <li>Fixed: Responsive issues</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.8.1 (21 November, 2022)</h2>
                        <ul>
                            <li>Updated Font Awesome Icons</li>
                            <li>Improved ARForms with AJAX based themes</li>
                            <li>Fixed: Select picker opens keyboard on mobile devices</li>
                            <li>Fixed: Popup forms design issue with different theme in mobile devices</li>
                            <li>Fixed: Bordered theme submit button color issue</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.8(29 June, 2022)</h2>
                        <ul>
                            <li>Added facility to send attachment to user with auto-responder emails.</li>
                            <li>Added facility to modify label names for first name & last name for SendinBlue</li>
                            <li>Improved ARForms Elementor widget functionality.</li>
                            <li>Fixed: W3C validation error with CSS</li>
                            <li>Fixed: Running Total not working for Selectpicker when conditional rule is also set with the selectpicker.</li>
                            <li>Fixed: Database caching related issue with Running Total ( two or more running totals having common fields in the formula )</li>
                            <li>Fixed: SMTP debug log popup is not displaying when an error occurred while sending test email.</li>
                            <li>Fixed: Images could not copied while importing sample forms</li>
                            <li>Fixed: Google reCaptcha verification issue when http(s) wrapper is disabled in the server configuration</li>
                            <li>Fixed: MadMimi API verification</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.7.1(12 March, 2022)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 5.7 (04 March, 2022)</h2>
                        <ul>
                            <li>Added New Facility to set timer on multistep forms</li>
                            <li>Added completely new two page break styles for wizard type forms</li>
                            <li>Added New option to set success message posstion to bottom</li>
                            <li>Added New facility to set modal forms on the image</li>
                            <li>Added new facility to set Prefix/Suffix icons for the material theme</li>
                            <li>Improved CSS loading performance for forms</li>
                            <li>Fixed issue : Like and Smiley control with bootstrap theme</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.6.2 (03 November, 2021)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 5.6.1 (28 October, 2021)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 5.6 (25 October, 2021)</h2>
                        <ul>
                            <li>Added New Field: Rich Text Editor</li>
                            <li>Added New option to enable previous page clickable for wizard style form</li>
                            <li>Added New widget for WordPress Block Editor widget</li>
                            <li>Added New options to set Animation on fields and page break</li>
                            <li>Added New option to set dynamic options in Dropdown Field.</li>
                            <li>Improve design for Image over checkbox & radio</li>
                            <li>Added Option to set width and icon for the image over checkbox & radio</li>
                            <li>Remove bootstrap dependency from Dropdown, Multi-select, Slider, Phone (input mask), Date, Time, & Auto Complete Field</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.5.1 (06, September 2021)</h2>
                        <ul>
                            <li>Added HTML field (Only when running total is enabled) at form entries section</li>
							<li>Added new facility to change labels for progress bar</li>
                            <li>Fixed RTL layout issues</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.5 (13, Auguest 2021)</h2>
                        <ul>
                            <li>Added 2 New Fields: Matrix & Spinner</li>
                            <li>Added option to select minimum options for checkbox and multi-select</li>
                            <li>Manage WordPress user session</li>
                            <li>Added facility to navigate between entries from view entry model.</li>
                            <li>Added facility to view specific entry in a model for partial form entries.</li>
                            <li>Updated Font Awesome Icons</li>
                            <li>Optimize database queries</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 5.0 (16, June 2021)</h2>
                        <ul>
                            <li>Added new form style: Material Outlined</li>
                            <li>Added facility to crop and rotate image for file upload field. (supports only .jpg, .jpeg, and .png files)</li>
                            <li>Added new option to force users to choose strong password</li>
                            <li>Updated Materialize Library</li>
                            <li>Improve performace for loading data from CSV for preset field choices (checkbox, radio, select, multi-select, and auto-complete)</li>
                            <li>Fixed: cookie reset issue with normal submission</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 4.4 (13, May 2021)</h2>
                        <ul>
                            <li>Fixed notice/warnings related to PHP 8</li>
                            <li>Fixed issue regarding broken forms in Editor</li>
                            <li>Added HTML field (Only when running total is enabled) for sending data to redirect URL using GET/POST method</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 4.3.5 (08, March 2021)</h2>
                        <ul>
                            <li>Added option to customize validation message of number range for the Number Field </li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 4.3.4 (04, March 2021)</h2>
                        <ul>
                            <li>Added new facility to open redirect URL in new tab or new window.</li>
                            <li>Allow HTML field to be displayed in the email message for <code>[ARF_form_all_values]</code> shortcode</li>
                            <li>Fixed MailChimp Webform issue</li>
                            <li>Other Minor bug fixes</li>
                        </ul>
                        <h2>Version 4.3.3 (18, January 2021)</h2>
                        <ul>
                            <li>Added New Facility to Remove Junk Files (User uploaded files which are not associated with any forms)</li>
                            <li>Allow conditional email facility based on the running total</li>
                            <li>Updated AWeber oAuthentication to 2.0</li>
                            <li>Fixed site-health loopback request fail error</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 4.3.2 (16, December 2020)</h2>
                        <ul>
						    <li>Added Compatibility for PHP version 8</li>
							<li>Added Compatibility for WordPress version 5.6</li>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 4.3.1 (27, November 2020)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 4.3 (25, November 2020) </h2>
                        <ul>
                            <li>Added new email marketer - Drip</li>
                            <li>Added support for German Date Format</li>
                            <li>Added facility to limit the 'GET/POST' parameters while sending data through URL</li>
                            <li>Added option to hide/show uploaded files via ARForms file upload control in the WordPress media section</li>
                            <li>Added facility to use field value in the HTML field in the same form</li>
                            <li>Updated Font awesome icons to version 5.15.1</li>
                            <li>Allow ,(comma) as a decimal separator in the number field.</li>
                            <li>Add an option to show slider field tooltip on hover.</li>
                            <li>Improve model forms structure to reduce duplication of the code</li>
                            <li>Improve conditional logic - backend side</li>
                            <li>Restrict auto-complete field to accept the data that are not in the list</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 4.2.1 (15 August, 2020)</h2>
                        <ul>
                            <li>Added facility to display thousand separator for the running total.</li>
                            <li>Fixed issue with form in header/footer elementor template using ARForms widget.</li>
                            <li>Fixed conflict with 'The Events Calendar'</li>
                            <li>Fixed autocomplete issue for displaying limited results</li>
                            <li>Fixed autocomplete issue with Latin characters</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 4.2 (08 August, 2020)</h2>
                        <ul>
                            <li>Added facility to set file upload counter to allow maximum file upload ( only for multi file uploader )</li>
                            <li>Added new field - Multi-select</li>
                            <li>Added WordPress categories, tags and WordPress product in the preset field choice ( For Checkbox, Radio, Select, Multi-select and Auto-complete field )</li>
                            <li>Updated Mailer Lite Library</li>
                            <li>Updated dataTable library</li>
                            <li>Added an option to inherit the theme fonts</li>
                            <li>Other bug fixes</li>
                        </ul>
                        <h2>Version 4.1 (03 July, 2020)</h2>
                        <ul>
                            
                            <li>Added Field tooltip position option</li>
							<li>Added placeholder option for the "time" field</li>
                            <li>Fixed validation issue with the repeater fields.</li>							
                            <li>Fixed rocket loader issue with cloudflare</li>
                            <li>Update slider library to fix ipad issue.</li>
                            <li>Improved Repeater UI for confirmation summary and email content</li>
                            <li>Other bug fixes</li>
                        </ul>
                        <h2>Version 4.0.3 (10 February 2020)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 4.0.2 (29 January 2020)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 4.0.1 (22 January 2020)</h2>
                        <ul>
                            <li>Minor bug fixes</li>
                        </ul>
                        <h2>Version 4.0 (20 January 2020)</h2>
                        <ul>
                            <li>Introducing new control: Repeater Field</li>
                            <li>Added facility to save partially filled form data to the database</li>
                            <li>Added new email marketers: Hubspot, Convertkit, and Sendinblue</li>
                            <li>Added facility to disable built-in anti-spam feature</li>
                            <li>Added facility to enable the multi-column form on widget forms</li>
                            <li>Added options for button shadow</li>
                            <li>Enable hidden field for conditional logic for 'set value of' action</li>
                            <li>Added new option for popup form to hide/show popup form for logged in user</li>
                            <li>Added facility to rename key for submitted fields while using 'Send data to redirected page/post using POST or GET method' option</li>
                            <li>Added new option to send data only in an email without storing it to database</li>
                            <li>Improved Form Editor</li>
                            <li>Improved Section Field Control</li>
                            <li>Improved add new form popup to install ARForms samples in one click</li>
                            <li>Added new Font Awesome icons</li>
                            <li>Improved Site-wide popup to display popup form once per browser session</li>
                            <li>Improved Number field validation for different language keyboard</li>
                            <li>Prevent form submission while file upload is in progress</li>
                            <li>Fixed special characters issue with import/export</li>
                            <li>Fixed spam detected message with WP-Rocket plugin</li>
                            <li>Fixed signature field issue with model forms</li>
                            <li>Fixed file upload drag & drop control issue with modal forms</li>
                            <li>Fixed site-health loopback request fail error</li>
                            <li>Other bug fixes</li>
                        </ul>
                        <h2>Version 3.7.1 (05 April 2019)</h2>
                        <ul>
                            <li> Minor bug fixes </li>
                        </ul>
                        <h2>Version 3.7 (04 April 2019) </h2>
                        <ul>
                            <li> Introduced new field - Credit Card </li>
                            <li> Introduced Site-wide Popups </li>
                            <li> Added facility to install readymade samples with just one click </li>
                            <li> Added in-built support for Elementor page builder </li>
                            <li> Updated MailChimp API to version 3 </li>
                            <li> Updated Aweber authorization method </li>
                            <li> Added CC and BCC option for admin email notification </li>
                            <li> Added new shortcode for input fields for display current logged in user details </li>
                            <li> Added new argument in popup shortcode to pre-populate popup forms without passing value in URL </li>
                            <li> Added facility to make fields read-only </li>
                            <li> Added an option to round up running total </li>
                            <li> Added facility to delete uploaded file from view entry modal </li>
                            <li> Added widgets in WordPress dashboard for quick analytics and available add-ons of ARForms </li>
                            <li> Improvement in conditional logic </li>
                            <li> Other bug fixes </li>
                        </ul>
                        <h2>Version 3.6.1 (06 March 2019)</h2>
                        <ul>
                            <li> Minor bug fixes </li>
                        </ul>
                        <h2>Version 3.6 (11 December 2018)</h2>
                        <ul>
                            <li> Added compatibility with Gutenberg Editor </li>
                        	<li> Added support of country flag for the phone number field </li>
                            <li> Improved spam filter captcha mechanism </li>
                            <li> Updated PHPMailer Version </li>
                            <li> Added new shortcode for email to display the page URL where the form is placed </li>
                            <li> Fixed Elementor Plugin Conflict </li>
                            <li> Improved conditional logic </li>
                            <li> Other minor bug fixes </li>
                        </ul>
                        <h2>Version 3.5.2 (03 October 2018)</h2>
                        <ul>
                            <li> Minor bug fixes </li>
                        </ul>
                        <h2>Version 3.5.1 (14 August 2018)</h2>
                        <ul>
                            <li> Minor bug fixes </li>
                        </ul>
                        <h2>Version 3.5 (03 July 2018)</h2>
                        <ul>
                            <li> Introducing new field: Switch </li>
                            <li> Added new font awesome icons</li>
                            <li> Other minor bug fixes </li>
                        </ul>
                        <h2>Version 3.4.3 (09 June 2018)</h2>
                        <ul class="bottom_margin">
                            <li> Minor Bug Fixes </li>
                        </ul>
                        <h2>Version 3.4.2 (30 May 2018)</h2>
                        <ul class="bottom_margin">
                            <li> Minor Bug Fixes </li>
                        </ul>
                        <h2>Version 3.4.1 (26 May 2018)</h2>
                        <ul class="bottom_margin">
                            <li> Minor Bug Fixes </li>
                        </ul>
                        <h2>Version 3.4 (22 May 2018)</h2>
                        <ul class="bottom_margin">
                            <li> Introducing new Opt-in: MailerLite</li>
							<li> Added option to prevent storing visitor analytics data </li>
                            <li> Added an option to add GDPR privacy policy guide-line </li>
                            <li> Minor Bug Fixes </li>
                        </ul>
                        <h2>Version 3.3.2 (07 May 2018)</h2>
                        <ul class="bottom_margin">
                            <li>Minor Bug Fixes</li>
                        </ul>
                        <h2>Version 3.3.1 (23 April 2018)</h2>
                        <ul class="bottom_margin">
                            <li>Minor Bug Fixes</li>
                        </ul>
                        <h2>Version 3.3 (16 April 2018)</h2>
                        <ul class="bottom_margin">
                            <li>Added feature to change field type without losing the entry data.</li>
                            <li>Added option to change the file upload path.</li>
                            <li>Added facility to send form submission data along with redirect URL.</li>
                            <li>Added facility to reset default checked radio button option from form editor.</li>
                            <li>Added some ready-made clickable regular expression validation patterns at field options.</li>
                            <li>Separate "Reply to Email" and "From Email" options at email notification.</li>
                            <li>Added image control options to change image position, height and width at the mobile device.</li>
                            <li>Added styling option for placeholder opacity.</li>
                            <li>Other bug fixes</li>
                        </ul>
                        <h2>Version 3.2 (21 March 2018)</h2>
                        <ul class="bottom_margin">
                            <li>Added facility to display confirmation (summary) after form submission.</li>
                            <li>Added option to load a form in Right to Left / Left to Right in RTL site. </li>
                            <li>Added facility to export form in the form editor.</li>
                            <li>Fixed CSS for prefix/suffix icons in fields in RTL.</li>
                            <li>Other bug fixes</li>
                        </ul>
                        <h2>Version 3.1 (10 March 2018)</h2>
                        <ul class="bottom_margin">
                            <li>Added facility to upload multiple files</li>
                            <li>Added facility to display confirmation summary before form submission</li>
                            <li>Added facility to hide survey/wizard tabs from multi-steps form</li>
                            <li>Added facility to allow maximum options for checkbox control</li>
                            <li>Fixed an issue for Conditional Logic and Running Total on the same field</li>
                            <li>Fixed an issue regarding field order in exported CSV</li>
                            <li>Fixed Different Language issues due to the special characters</li>
                            <li>Other minor bug fixes</li>
                        </ul>
                        <h2>Version 3.0 (15 February 2018)</h2>
                        <ul class="bottom_margin">
                            <li>Added new form creation styles: Material Style and Rounded Style</li>
                            <li>Added new very powerful In-build captcha mechanism so you do not need to add ReCaptcha in form.</li>
                            <li>Improved performance for Editor. Major improvement in form editor to load forms faster.</li>
                            <li>Added new resizable facility with multicolumn. Now you will be able to adjust column size with mouse drag.</li>
                            <li>Improved Conditional Logic.</li>
                            <li>Improved Running Total.</li>
                            <li>Added Two new fields: smiley and autocomplete</li>
                            <li>Multi-column up to 6 column</li>
                            <li>Added Conditional Redirect after form submission</li>
                            <li>Added Conditional Email to User after form submission</li>
                            <li>Introducing new Email marketer: Madmimi</li>
                            <li>Improved performance of Front end form rendering.</li>
                            <li>Query Optimization to reduce database interaction.</li>
                            <li>Save partial form data from an abandoned form</li>
                            <li>Post form data to custom URL</li>
                            <li>Added facility to Prevent Duplicate entries</li>
                            <li>Added facility to limit Form submission.</li>
                            <li>Added PHP mailer support to send mail.</li>
                            <li>Added new Email format support ( HTML or Plain text ).</li>
                            <li>Added new Option to load JS or CSS in all pages.</li>
                            <li>Added a new way to import form.</li>
                            <li>Export form and entries in one file and import them as well.</li>
                            <li>Given CSS based checkbox and radio in forms.</li>
                            <li>Added new facility to set Custom icon for Checkbox and radio.</li>
                            <li>Added new facility to set Image over checkbox and radio.</li>
                            <li>Introducing new chart types for analytics ( line chart and country-wise chart ).</li>
                            <li>Fix minor bug related to MailChimpList Field for First Name &amp; Last Name merge.</li>
                            <li>Other bug fixes</li>
                            <li>CSS fixes</li>
                        </ul>
                        <h2>Version 2.7.8 (19 January 2017)</h2>
                        <ul class="bottom_margin">
                            <li>Fixed PHPMailer Vulnerability.</li>
                            <li>Added new facility to select double opt-in OR single opt-in method for MailChimp Email Marketer.</li>
                            <li>Added new facility to select 24/48 hours format for date picker field.</li>
                            <li>Added new shortcode for the hidden field to set current date value dynamically.</li>
                            <li>Added Confirmation for reset styling in the form editor.</li>
                            <li>Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.7.7 (26 October 2016)</h2>
                        <ul class="bottom_margin">
                            <li>Added New Font Awesome Icons.</li>
                            <li>Improved plugin loading performance.</li>
                            <li>Minor bug fixes.</li>
                            <li>CSS fixes.</li>
                        </ul>
                        <h2>Version 2.7.6 (29 December 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Added New Google Fonts.</li>
                            <li>Added New Font Awesome Icons.</li>
                            <li>Added Facility to get value of Current User Id, User Name and User Email who submitted the form in the email notification.</li>
                            <li>Added Authentication option for SMTP mail functionality.</li>
                            <li>Added Maximum length option for textarea.</li>
                            <li>Added facility to set the current date on the minimum and maximum range.</li>
                            <li>Minor CSS Fix related to WordPress version 4.4.</li>
                            <li>Other minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.7.5 (29 September 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.7.4 (22 September 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Added new facility to send test mail with SMTP setting.</li>
                            <li>Added auto-update facility. ( Will work from next version )</li>
                            <li>Change adding subscriber methods according to new constant contact API changes.</li>
                            <li>Added Bootstrap Date / Time picker.</li>
                            <li>Added New Font Awesome Icons.</li>
                            <li>Added new input masks for a Phone Number format.</li>
                            <li>Improved Popup for responsivity.</li>
                            <li>Added Extended Fonts support to google fonts ( Font Subset ).</li>
                            <li>Implemented New Google Recaptcha Method.</li>
                            <li>Other minor bug fixes.</li>
                            <li>CSS Fixes.</li>
                        </ul>
                        <h2>Version 2.7.3 (26 May 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.7.2 (09 May 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Added support of change background color and text color of Fly and Sticky</li>
                            <li>Added new setting to set success message duration. ( For how many seconds it should stay on a page after submitting a form )</li>
                            <li>Added CSS fixes for WordPress latest version 4.2</li>
                            <li>Other bug fixes.</li>
                        </ul>
                        <h2>Version 2.7.1 (10 April 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Added support of AWeber's new fields in the webform method.</li>
                            <li>Other Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.7 (04 April 2015)</h2>
                        <ul class="bottom_margin">
                            <li>Added <strong>prefix/suffix </strong> font awesome icons support</li>
                            <li>Added <strong>Visual Composer</strong> support</li>
                            <li>added New Add-On page for all add-on listing</li>
                            <li>Improved ajax form saving in admin side with respect to max_input_vars</li>
                            <li>Improved form submission from frontend with respect to jQuery conflict</li>
                            <li>Improved Admin editor - more lightweight now</li>
                            <li>Added New facility for confirm Email same as confirm password</li>
                            <li>Given Server-side validation ( required field PHP side validation to prevent spam )</li>
                            <li>Now the sticky menu is also available for left and right position</li>
                            <li>Improved Import/Export functionality</li>
                            <li>Given facility to customize admin email with some useful predefined shortcodes</li>
                            <li>Added new 4 CSS cloud to place custom CSS for popup ( Link / Link - Hover / Button / Button - Hover )</li>
                            <li>Better UI implementation for field options</li>
                            <li>Give image upload facility for submit button hover</li>
                            <li>Other minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.6.3 (15 December 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Added <strong>RESPONSIVE MODAL WINDOW</strong> facility</li>
                            <li>Getresponse API is changed according to the new version.</li>
                            <li>Give the facility to add transparent form background in normal forms ( without modal window ).</li>
                            <li>Added "media" selector for select image source ( wp media uploader) for IMAGE FIELD </li>
                            <li>Changed Tab Index for RTL</li>
                            <li>Added min length for textbox, textarea, Number and password field</li>
                            <li>Added facility to set a default value for Time Picker</li>
                            <li></li>
                            <li>Other Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.6.2 (31 October 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Added support of checkbox multiple values with Match Logic / Running Total.</li>
                            <li>Added facility to add placeholder text for confirm password.</li>
                            <li>Other Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.6.1 (08 October 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.6 (27 September 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Added Color Picker Control.</li>
                            <li>Added Image Control.</li>
                            <li>Added Running Total Facility.</li>
                            <li>Added SMTP mail functionality.</li>
                            <li>Upgraded the Bootstrap version.</li>
                            <li>Added input mask in a phone number field.</li>
                            <li>Added styling options for Survey "Progress Bar".</li>
                            <li>Added support of WordPress 4.0 (CSS fixes).</li>
                            <li>Added month/year changeable in date picker.</li>
                            <li>Other minor bug fixes.</li>
                        </ul>
                        <h2>Version 2.5.4 (11 August 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Added Conditional Logic on the submit button.</li>
                            <li>Added New preset field choice for "Telephone Country Codes" for select box, checkbox and radio button options.</li>
                            <li>Improved CSS concerning Responsive forms.</li>
                            <li>Improved Password strength indicator validations.</li>
                            <li>Other minor changes related to CSS classes and fonts.</li>
                        </ul>
                        <h2>Version 2.5.3 (31 July 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Small bug fixes related to CSS styling.</li>
                            <li>Improved JS/CSS loading speed while display form in front-end.</li>
                            <li>Other minor changes related to CSS classes and fonts.</li>
                        </ul>
                        <h2>Version 2.5.2 (19 July 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Small bug fixes related to editor width.</li>
                            <li>Improved js / css loading speed while display form in front-end.</li>
                            <li>Improved loading speed while a preview of form.</li>
                            <li>Improved all popup forms' view. ( Popup Form / Fly Form / Sticky Form ) .</li>
                        </ul>
                        <h2>Version 2.5.1 (12 July 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Small bug fixes related to display Form title and description.</li>
                            <li>Small bug fixes related to import/export forms.</li>
                        </ul>
                        <h2>Version 2.5 (10 July 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Complete new admin interface</li>
                            <li>Added like and slider control</li>
                            <li>Added Confirm Password facility</li>
                            <li>Added facility to duplicate fields</li>
                            <li>Added new option "Onload" for display form in modal while page load</li>
                            <li>Added new template for the job application form</li>
                            <li>Added new color picker</li>
                            <li>Added new validation error message style ( normal / advanced )</li>
                            <li>Added new preview style with 3 different resolution</li>
                            <li>Improved RTL</li>
                            <li>Improved form submission ( concerning max_input_vars)</li>
                            <li>Added new phone number formats to validate the field</li>
                            <li>Added New tooltip style</li>
                            <li>Checkbox, radio, and select box options are now sortable</li>
                            <li>IP Address column added in form entries</li>
                            <li>Submit button text can change from field editor</li>
                            <li>Form background Color + form background image both supported.</li>
                        </ul>
                        <h2>Version 2.0.5 (28 April 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Added facility to change the subject of email sending out to the Administrator.</li>
                            <li>Added facility to duplicate the fields.</li>
                            <li>Added facility to change file upload text color.</li>
                            <li>CSS fixes related to WordPress 3.9.</li>
                            <li>Small bug fixes related to bootstrap error message classes.</li>
                            <li>Small bug fixes related to conditional logic rules.</li>
                        </ul>
                        <h2>Version 2.0.4 (11 March 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Small bug fixes related to file upload.</li>
                            <li>Small bug fixes related to conditional logic rules.</li>
                        </ul>
                        <h2>Version 2.0.3 (27 February 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Small bug fixes related to IE 8 And IE 9.</li>
                            <li>Small bug fixes related to form styling.</li>
                            <li>Small bug fixes related to Import / Export.</li>
                            <li>Made compatible with the GeoIP PHP extension.</li>
                        </ul>
                        <h2>Version 2.0.2 (15 February 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Small bug fixes related to Email Attachment.</li>
                            <li>Small bug fixes related to Localization.</li>
                            <li>Small bug fixes related to CSS in different browsers.</li>
                        </ul>
                        <h2>Version 2.0.1 (07 February 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Added more options to property/styling at field level.</li>
                            <li>Improved Site loading speed.</li>
                            <li>Small bug fixes related to File upload in IE 8, IE 9, Star rating.</li>
                            <li>Small bug fixes related to Import/Export (Forms / Entries).</li>
                        </ul>
                        <h2>Version 2.0 (01 February 2014)</h2>
                        <ul class="bottom_margin">
                            <li>Simple captcha</li>
                            <li>Conditional laws</li>
                            <li>Import/export</li>
                            <li>Flying/sticky forms</li>
                            <li>Change editor's look and feel</li>
                            <li>Google fonts support.</li>
                            <li>Form/field level CSS implementation (property styling).</li>
                            <li>File upload control improvement.</li>
                            <li>Code cleanup and reduced external JS/CSS usage.</li>
                            <li>Loader image improvement.</li>
                            <li>Better documentation.</li>
                            <li>The email notification part improved.</li>
                            <li>Few additional options on the styling tool.</li>
                            <li>New fancy checkbox/radio buttons set.</li>
                            <li>Bugfix: small bug fixes related to different theme compatibility.</li>
                            <li>Bugfix: small bug fixes related to different theme compatibility.</li>
                        </ul>
                        <h2>Version 1.2.2 (17 December 2013)</h2>
                        <ul class="bottom_margin">
                            <li>Bugfix: small bug fixes related to different theme compatibility.</li>
                            <li>Bugfix: WordPress version 3.8 compatibility issues fixed.</li>
                        </ul>
                        <h2>Version 1.2.1 (13 December 2013)</h2>
                        <ul class="bottom_margin">
                            <li>Bugfix: small CSS based bug fix for dropdown, file upload, and other general formats, etc.</li>
                            <li>Bugfix: invalid file style upload message.</li>
                            <li>Bugfix: CSS changes conflict with various themes.</li>
                            <li>Bugfix: admin email message after form submission.</li>
                            <li>Bugfix: WordPress version 3.8 compatibility issues fixed.</li>
                        </ul>
                        <h2>Version 1.2 (6 December 2013)</h2>
                        <ul class="bottom_margin">
                            <li>Bugfix: small CSS based bug fix for star rating, dropdown, and other general formats, etc.</li>
                            <li>Bugfix: reCaptcha focus.</li>
                            <li>Added option for place form with link/button for modal window</li>
                            <li>Added support for dynamic modal height and width</li>
                            <li>Added support for transparent modal window</li>
                            <li>Added background image support for form</li>
                            <li>Added option for adding transparent fields over the form</li>
                        </ul>
                        <h2>Version 1.1.1 (28 November 2013)</h2>
                        <ul class="bottom_margin">
                            <li>Bugfix: small css based bug fix for checkbox, dropdown, and other general formats, etc.</li>
                            <li>Add default option for checkbox/radio button to inherit style from theme</li>
                            <li>Add options in the shortcode</li>
                        </ul>
                        <h2>Version 1.1 (27 November 2013)</h2>
                        <ul class="bottom_margin">
                            <li>Multi-column support added.</li>
                            <li>Multi steps wizard style form support.</li>
                            <li>The star rating element is added.</li>
                            <li>Multi-lingual support for the admin section.</li>
                            <li>The new set of additional checkboxes and radio buttons.</li>
                            <li>Optional email setup for admin notification.</li>
                            <li>Better data about browser etc in form entries.</li>
                            <li>Small bug fixes and text changes.</li>
                        </ul>
                        <hr>
                        <p> If you require any assistance with using this plugin or would like personal customization, you can email me at <a href="mailto:info@reputeinfosystems.com">info@reputeinfosystems.com</a> Or from the <a target="_blank" href="http://codecanyon.net/user/reputeinfosystems">profile on CodeCanyon.</a></p>
                        <p>If you have the time, please follow me on,</p>
                        <ul style="list-style: none">
                            <li><i class="ts_icon ts_icon_facebook clear_blue small_right_margin"></i><a title="RepunteInfosystems Facebook" href="http://facebook.com/reputeinfosystems/" target="_blank">Facebook</a></li>
                            <li><i class="ts_icon ts_icon_twitter clear_blue small_right_margin"></i><a title="RepunteInfosystems Twitter" href="https://twitter.com/reputeinfosys" target="_blank">Twitter</a></li>
                        </ul>
                        <hr>
                        <p>Once again, thank you so much for purchasing this plugin. I will be glad to help you if you have any questions relating to my plugin. You will get 24 / 7 support at : <a title="support" href="http://www.arformsplugin.com/arforms-support/" target="_blank">Support</a></p>
                        <p><strong>Thanks,</strong>
                            <br><strong>ReputeInfosystems</strong></p>
                    </div>
                </div>
                <div id="setup_wizard">
                    <h1>ARForms Setup Wizard</h1>
                    <div class="card">
                        <h2>Steps to Create a form using ARForms</h2>
                        <ul>
                            <li>
                                <p><strong>Add New Form (using template or from scratch).</strong></p>First of all, you have to add new form in newly configured ARForm, here you will get options for templates also can build from scratch by adding the field to form.
                                <p class="doc_image">
                                    <a href="assets/images/1.png" rel="lightbox"><img class="aligncenter wp-image-1513 size-large" src="assets/images/1.png" alt="" width="525" height="286"></a>
                                </p>
                                <p class="doc_image">
                                    <a href="assets/images/2.png" rel="lightbox"><img class="aligncenter wp-image-1514 size-large" src="assets/images/2.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <li>
                                <p><strong>After Creating a form there are different ways of embedding form.</strong></p>To display a form at front-end, you just need to add a shortcode of that form into your page and this can be done simply by using Add ARForms button in Add New/Edit Pages.  </p>

                                <p>Further from this Modal Popup, you can choose how you want to display form in a page i.e. Form as Popup, open form on Page Load, Sticky Form and many more.</p>
                                <br>
                                <ol style="list-style-type: lower-roman">
                                    <li>Page.</li>
                                    <li>Post.</li>
                                    <li>Link.</li>
                                    <li>Button.</li>
                                    <li>Direct Navigation.</li>
                                    <li>Form in Widget</li>
                                    <br>
                                    <li style="list-style-type: none"><a class="panel" href="#shortcodes_library">Click here to get More Details</a></li>
                                    <br>
                                </ol>
                            </li>
                            <li><strong><strong>Entries and Analytics. </strong></strong>After the successful submission of a form, all data entered by the user will get saved, the submitted data for all forms can be viewed in the <code>Form Entries &gt; Entries List</code> List tab. You can search List of entries Form-wise &amp; Entry Date-wise</li>
                        </ul>
                    </div>
                </div>
               
                <div id="arf_dashboard_widget">
                    <h1>ARForms Dashboard Widgets</h1>
                    <div class="card">
                        <p>There are two widgets available on the dashboard of ARForms.</p>
                        <ul>
                            <li>
                                <h4>ARForms Add-Ons</h4>
                                <p>Here you can see all add-ons available for ARForms, on click any of them you can redirect to the add-on detail page.</p>
                            </li>
                            <li>
                                <h4>Recent ARForms Entries</h4>
                                <p>Here you have quick analytics available for your recent form entries in ARForms. Click on <code>View Complete Analytics</code> to redirect to the ARForms Form Entries Analytics page.</p>
                            </li>
                        </ul>
                        <p class="doc_image">
                            <a href="assets/images/dashboard_widget.png" rel="lightbox"><img class="aligncenter wp-image-1518 size-full" src="assets/images/dashboard_widget.png" alt="ARForms - Dashboard Widgets"></a>
                        </p>
                    </div>
                </div>
                <div id="shortcodes_library">
                    <h1>Ways to display a form</h1>
                    <div class="card">ARForms gives an awesome ways to display forms on a page or a post, this different ways of displaying from has been achieved by displaying form in popup with various types of animations, buttons, position of button to open a form and much more.Lets see all these in details ,
                        <ol class="addon_list_li">
                            <li>
                                <p><strong>Simple</strong></p>These display form in full page.
                                <p class="doc_image">
                                    <a href="assets/images/simple_form.png" rel="lightbox"><img class="aligncenter wp-image-1518 size-full" src="assets/images/simple_form.png" alt="" width="763" height="719"></a>
                                </p>
                            </li>
                            <li>
                                <p><strong>Link</strong></p>These shows a link on page or post with a caption we given in <em>desc </em>apart from these other arguments can be given.</li>
                            <li>
                                <p><strong>Button</strong></p>These show a button with text which we gave in shortcode in desc argument or default text provide in it.</li>
                            <li>
                                <p><strong>Navigation Menu</strong></p>This is an extraordinary feature provided by ARForms to display a form in navigation menu as a link.
                                <blockquote><em>To avail this feature your theme must support this.</em></blockquote>
                                <p class="doc_image">
                                    <a href="assets/images/6.png" rel="lightbox"><img class="aligncenter wp-image-1525 size-large" src="assets/images/6.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <li>
                                <p><strong>Widget</strong></p>Using this feature you can put your form into a widget.
                                <p class="doc_image">
                                    <a href="assets/images/7.png" rel="lightbox"><img class="aligncenter wp-image-1527 size-large" src="assets/images/7.png" alt="" width="525" height="275"></a>
                                </p>
                            </li>
                        </ol>
                    </div>
                </div>
                <div id="building_form">
                    <h1>Building a Form</h1>
                    <div class="card">
                        <h2>1.Begin to Create a Form</h2>To create a new form, just click on 'Add New Form'. It will show a popup menu. This popup menu will allow you to add a different kind of form templates. Steps to add new form:
                        <p class="doc_image">
                            <a href="assets/images/beign_create_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1318" src="assets/images/beign_create_form.png" alt="beign_create_form" width="525" height="286"></a>
                        </p>
                        Now ARForms Provide three methods to create a new form.
                        <ul>
                        	<li>Blank Form</li>
                        	<li>Template</li>
                        	<li>Sample Form</li>
                        </ul>
                        <h4>1. Blank Form</h4>
                        Steps to create a new blank form.
                        <p class="doc_image">
                            <a href="assets/images/create_blank_from.png" rel="lightbox"><img class="aligncenter size-large wp-image-1318" src="assets/images/create_blank_from.png" alt="Create Blank Form" width="525" height="286"></a>
                        </p>
                        <ol>
                            <li>Select Blank form</li>
                            <li>Enter Form name</li>
                            <li>Select Theme</li>
                            <li>Click on Continue button</li>
                        </ol>
                        <p>If you want to create form from scratch according to your requirement then select 'Blank Form'.</p>
                        
                        <h4>2. Template</h4>
                        <p class="doc_image">
                            <a href="assets/images/create_template_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1318" src="assets/images/create_template_form.png" alt="Create Template Form" width="525" height="286"></a>
                        </p>
                        Steps to create a new Template form.
                        <ol>
                            <li>Select Templates</li>
                            <li>Enter Form name</li>
                            <li>Select Theme</li>
                            <li>Select any one Template</li>
                            <li>Click on Continue button</li>
                        </ol>
                       	ARForms provides 11 readymade templates by which you can build your form. The list is given below:
                        <ul>
                            <li>Contact Us Form</li>
                            <li>Feedback Form</li>
                            <li>Registration Form</li>
                            <li>RSVP Form</li>
                            <li>Subscription Form</li>
                            <li>Survey Form</li>
                            <li>Job Application Form</li>
                            <li>Donation Form</li>
                            <li>Request a Quote Form</li>
                            <li>Member Login Form</li>
                            <li>Order Form</li>
                        </ul>
                        <h4>3. Sample Form</h4>
                        <p>ARForms provides lots of Readymade sample forms that you can browse and install directly on your site.</p>
                        <p class="doc_image">
                            <a href="assets/images/create_sample_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1318" src="assets/images/create_sample_form.png" alt="Create Template Form" width="525" height="286"></a>
                        </p>
                         Steps to create a new Sample form.
                        <ol>
                            <li>Select Sample Forms</li>
                            <li>Select any one Sample</li>
                            <li>Click on Continue button</li>
                        </ol>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i> Please note that sample forms will be installed directly only if ARForms license is activated and valid on your site</p>
                        <p>Now you can drag-and-drop any of control on to your canvas as per your need and SAVE it. Now your form is ready to use.</p>
                        <h4><strong>Input Direction</strong> (Available only for RTL Site): <br></h4>
                        <p>This option is available if your site is <strong>RTL</strong>. Here you have options to select either <em>Left to Right</em> or <em>Right to Left</em> which helps you to change all required direction in once instead to change the individual option from styling options like Label Align, Text Direction, etc. </p>
                        <br>
                        <h2>2.Form Editor</h2>In ARForms, form builder allows you to edit your form according to your requirement. You can arrange a field order as per your design. Apart from this, it provides basic elements and advanced elements to create any kind of simple as well as complex form. You can add an element as per your needs. To add an element you have to just drag-and-drop it or you can just simply click on it. With ARForms, you can create multi-column forms with resizing facility. You can resize to any field according to your needs and design any complex form in minutes!
                        <br>Further to all these, <strong> all form</strong> you made in <strong>ARForms</strong> are <strong>by default responsive</strong> you never have to bother about the responsiveness of your form. In <strong>the preview</strong>, we<strong> provide</strong> an option <strong>for</strong> <strong>Mobile &amp; Tablet</strong> view so you can switch on it to see how your form will appear in it.
                        <p class="doc_image">
                            <a href="assets/images/Building_a_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1319" src="assets/images/Building_a_form.png" alt="Building_a_form" width="525" height="286"></a>
                        </p>
                        ARForms provide two types of fields to create a form,
                        <ul>
                            <li><a class="panel" href="#input_field_type">Input Fields</a><sup class="new_listed">New</sup></li>
                            <li><a class="panel" href="#other_field_type">Other Fields</a><sup class="new_listed">New</sup></li>
                        </ul>
                        
                        <p class="doc_image">
                            <a href="assets/images/input_n_other_field.png" rel="lightbox"><img class="aligncenter size-large wp-image-1320" src="assets/images/input_n_other_field.png" alt="Input Fields and Other Fields" width="525" height="286"></a>
                        </p>
                        After adding a field, you can set up a particular field property according to your needs. There are the following options for the field:
                        <p class="doc_image">
                            <a href="assets/images/field_option_btn-2.png" rel="lightbox"><img class="aligncenter size-large wp-image-1320" src="assets/images/field_option_btn-2.png" alt="field_option_btn" width="525" height="286"></a>
                        </p>
                        <ul>
                            <li><strong>Move Field </strong> - you can change the order of fields in the form, by dragging field with this icon.</li>
                            <li><strong>Required Field </strong> - By clicking this option, you can make field <strong>mandatory </strong>or<strong> non-mandatory</strong></li>
                            <li><strong>Settings</strong> - by clicking this option, you can get a list of property settings related to the selected field.</li>
                            <li><strong>Duplicate Field</strong> - by clicking this option, you can create a clone of a particular field.</li>
                            <li><strong>Delete Field</strong> - by clicking this option, you can delete the particular field from the form.</li>
                        </ul>
                        <h2>3. Save your time by just Duplicate the existing form.</h2>Duplication of any form can be achieved by just a single click on Duplicate Form icon in <code> ARForms &gt; Manage Form</code>.
                        <p class="doc_image">
                            <a href="assets/images/duplicate_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1321" src="assets/images/duplicate_form.png" alt="duplicate_form" width="525" height="286"></a>
                        </p>On duplicating any form you will get the same form open in your editor and you can alter fields or field options or form style options and can easily get a new form. This functionality gives you form re-usability which saves your precise time by inheriting Form and its style options, fields, field options, etc of already created form.</h2>
                    </div>
                </div>
                <div id="input_field_type">
                    <h1>Input Field Types</h1>
                    <div class="card">
                        <p>There are numbers of input field types provided by ARForms to make its form a superior and fully functioned in its class of other Form Builders as well as many Advance Element has also been provided by ARForms.</p><strong>Let's have a look various Input Field Types: </strong>
                        <ol class="">
                            <li>
                                <p><b>Single Line Input</b></p>Single Line Text fields are the most commonly used field type. The Single Line Text field allows users to submit a single line of text. They are typically used to insert a small amount of text, such as a First Name, Last Name, city, etc.
                                <p class="doc_image">
                                    <a href="assets/images/field_type_inout.png" rel="lightbox"><img class="aligncenter wp-image-1556 size-large" src="assets/images/field_type_inout.png" width="525" height="286"></a>
                                </p>
                                <b><i>Here you can see the Prefix / Suffix Icon option which allows you to an icon into your field which makes form appearance more attractive and leads to Iconic Form.</i></b></li>
                            <br>
                            <li>
                                <p><b>Multi Line Input. </b></p>Multi-Line Input fields are used to insert multiple lines of text, such as a description or address. The Multiline Input allows a user to enter text in a textarea form field and for more options regarding Multi-Line Input, you can set it from Field Option popup.</li>
                            <br>
                            <li>
                                <p><b>Checkboxes.</b></p>Checkbox button is also another most commonly used field, it's used where we want to allow the user to choose multiple options from a list of options. some predefined list of options is given over here and a user can also add more manually or by. CSV file and use for future use.
                                <br><br>
                                You are also able to allow your user to check the limited number of options and show a message to a user when he/she checks options more then you have allowed. For that, you need to set <strong><em>Max Option Selected</em></strong> and enter <strong><em>Max Option Selected Message</em></strong> at field options for the checkbox.
                                <br><br>
                                You can also set the limit for minimum options to be checked by your user. For that, you need to set <strong><em>Min Option Selected</em></strong> and enter <strong><em>Min Option Selected Message</em></strong> at field options for the checkbox.
                                <p class="doc_image">
                                    <a href="assets/images/checkbox_type.png" rel="lightbox"><img class="wp-image-1558 size-medium aligncenter" src="assets/images/checkbox_type.png" alt="" width="525" height="286"></a>
                                </p>As we all know the use of checkbox but here ARForms extend its UI from simple checkbox to <strong><em>Image Over Checkbox, </em></strong>users can also add different images as well as maintain their values separating.<br><br>
                                <b>Image Width<sup class="new_listed">New</sup></b><br><br>
                                <p>In ARForms, Users can also set the Image Width to display image over checkbox in checkbox field when <strong>Image Over Checkbox</strong> option is enabled.</p>
                                <b>Checked Icon Styling<sup class="new_listed">New</sup></b><br><br>
                                <p>In ARForms, Users can set the Checkbox's Checked Icon from the variety of different icons for Checkbox field.</p>
                                <p class="doc_image">
                                    <a href="assets/images/checkbox_type_2.png" rel="lightbox"><img class="size-medium wp-image-1559 aligncenter" src="assets/images/checkbox_type_2.png" alt="" width="525" height="286"></a>
                                </p>
                                <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>"Category" and "Tags" for preset field are only displayed when there is at-least one category or tag is available. </em></p>
                                <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>"WooCommerce Products" for preset field will be displayed only when the WooCommerce is active and has at-least one product is added to the store. </em></p>
                            </li>
                            <br>
                            <li>
                                <p><b>Radio Buttons.</b></p> A Radio button is also another most commonly used field, it's used where we want to give only one choice to select from list options. some predefined list of options is given over here and a user can also add more manually or by. CSV file and use for future use Like, Checkbox Radio button of ARForms also provides the facility of Image over a radio. If you have checked the default radio button option and you may no need of that then click on reset icon at Edit options popup.</li>
                            <br>
                            <li>
                                <p><b>Drop Down.</b></p>The dropdown field gives a combo box with lists of options from which the user can select anyone. User Manage Option to add more option to list. Some predefined list of options is given over here and a user can also add more manually or by. CSV file and use for future use.
                                <p class="doc_image">
                                    <a href="assets/images/opt_fied_type.png" rel="lightbox"><img class="aligncenter wp-image-1560 size-medium" src="assets/images/opt_fied_type.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>File Upload.</b></p>File Upload is used to give upload field control to user ie. if we want some file from the user / we want to get some documents then this control is used.
                                <p class="doc_image">
                                    <a href="assets/images/upload_file_opt.png" rel="lightbox"><img class="aligncenter wp-image-1561 size-medium" src="assets/images/upload_file_opt.png" width="804" height="456"></a>
                                </p>To manage the file upload button various field option are provided like Allowed File type, Attach the file in emails, dragging a file, enable multiple file upload, and limit the maximum number of files.
                                <br><br>
                                <strong><em>Enable Multiple File Upload</em></strong>
                                <br><br>
                                Allow users to upload multiple files by enabling this option from file upload field options. Multiple File upload allows to select or Drop (if Enable Droppable Area) multiple files in a single time.
                                <p class="doc_image">
                                    <a href="assets/images/select_drop_multiple_files.png" rel="lightbox"><img class="aligncenter wp-image-1561 size-medium" src="assets/images/select_drop_multiple_files.png" width="493" height="226"></a>
                                </p>
                                <br><br>
                                <strong><em>Enable Crop & Rotate Image</em></strong>
                                <br><br>
                                By enabling this option, a user can crop or rotate the uploaded image.
                                <p class="doc_image">
                                    <a href="assets/images/crop_rotate_images.png" rel="lightbox"><img class="aligncenter wp-image-1561 size-medium" src="assets/images/crop_rotate_images.png" width="493" height="226"></a>
                                </p>
                                <p>After enable crop & rotate image from field option you will get option for crop & rotate image on front side when you upload any image as display in given screenshot.</p>
                                <p class="doc_image">
                                    <a href="assets/images/crop_image_front_side.png" rel="lightbox"><img class="aligncenter wp-image-1561 size-medium" src="assets/images/crop_image_front_side.png" width="493" height="226"></a>
                                </p>
                                <p>Once you uploaded image from file upload field you will get crop & rotate image popup model.</p>
                                <p>If you want to crop image then you have to click on crop image button then after you will get crop area selection box in which you can manage section of image to be crop.</p>
                                <p>If you want to rotate image you have to click on rotate image button.</p>
                                <p>After crop & rotate completed you can click on "Done" button to complete your task.</p>
                                <p>You can also reset image to actual size by clicking on reset button.</p>
                                <p>
                                    <ol>
                                        <li>Crop & Rotate image option will be available  only with Ajax Form Submission Type.</li>
                                        <li>Only .jpg, .jpeg, .png, and .bmp files will be available for crop & rotate image. </li>
                                        <li>If an 'Enable Multiple File Upload' option is enabled for the file upload control then Crop & Rotate image option will be disabled. </li>
                                    </ol>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Email Address.</b></p>This field is mainly used when a user has to enter email, with ARForms you can add icons to field and also Confirm Email is also managed automatically you don't have to manage field separately for it, you just have to switch on confirm email from field options.
                                <p class="doc_image">
                                    <a href="assets/images/email_field.png" rel="lightbox"><img class="size-medium wp-image-1562 aligncenter" src="assets/images/email_field.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Number.</b></p>The number field allows a user to enter only numbers rather than entering any alphabetic values. The number field in ARForms allows number rang which can be managed by field-option of a number field.</li>
                            <br>
                            <li>
                                <p><b>Phone Number.</b></p>Phone Number field allows a user to enter only numbers, restricting entering any alphabetic values. Phone field provides various number formats like 111-123-4567, (111) 123-456 and many more formats are provided inside Phone Number Field Option.
                                <br><br>
                                ARForms also allows enabling <strong>country flag</strong> where you can handle to include/exclude country codes in phone number field by just check/uncheck countries. If this option is enabled you will have another option to enable <strong>Country-wise number validation</strong> to validate entered phone number country wise.
                                <p class="doc_image">
                                    <a href="assets/images/phonenumber_field.png" rel="lightbox"><img class="size-medium wp-image-1563 aligncenter" src="assets/images/phonenumber_field.png" alt="Country Wise Phoner Number" width="525" height="286"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Date.</b></p>Date field provides a calendar interface to the user to select a particular date. Here you can manage Off days, calendar localization (a kind of different calendar format depending on languages), date range so a user can't select any other date beyond that and much other functionality to the calendar from field option of date.
                                <p class="doc_image">
                                    <a href="assets/images/date_field.png" rel="lightbox"><img class="size-medium wp-image-1563 aligncenter" src="assets/images/date_field.png" alt="" width="525" height="286"></a>
                                </p>
                                <ul><li>Dynamic Date</li></ul>
                                <p>
                                    With Date field you can also set dynamic date. for that you can set value inside the Date Range for From Date and To Date.For that, you can placed the shortcode for From date <strong> {arf_min_date value="10" unit="Y"} </strong> and To date <strong> {arf_max_date value="10" unit="Y"} </strong>.here, You can set the value according to your requirement and unit indicates the 'Y' means Year , 'D' Means Day and 'M' means Month.
                                    <br></br>
                                    for Example, You can set From date {arf_min_date value="10" unit="Y"} and To date {arf_max_date value="10" unit="Y"}.
                                    so, Datepicker show current date thorugh 10 year previous dates and 10 year after dates.
                                </p>
                                <p class="doc_image">
                                    <a href="assets/images/dynamic_date_field.png" rel="lightbox"><img class="size-medium wp-image-1563 aligncenter" src="assets/images/dynamic_date_field.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Time.</b></p>Like date field time field allows the user to select a particular time as input directly from a time picker. Here you can select the 24-hour or 12-hour format, icons for field and other settings from field option.</li>
                            <br>
                            <li>
                                <p><b>Website /URL.</b></p>This field is used to enter URL of user website /other websites, this field validates website URL enter by a user and like other fields, this field also has various field options to manage the field.</li>
                            <br>
                            <li>
                                <p><b>Image URL.</b></p>Unlike Website URL, Image URL is used by a user when he doesn't want to upload an image just want directly load from other URL here also you can field option manage Image URL field.</li>
                            <br>
                            <li>
                                <p><b>Password.</b></p>Password field is used when you want some credentials to be entered by users these may be a user's password. ARForms facilitate with Confirm Password option in field option of password field so you don't require to manage to confirm password field separately, apart from this there will be many more options to manage the password field.
                                <p class="doc_image">
                                    <a href="assets/images/password_field.png" rel="lightbox"><img class="size-medium wp-image-1564 aligncenter" src="assets/images/password_field.png" alt="" width="525" height="286"></a>
                                </p>
                                <p>ARForms version 4.5 has included a new option for password field to force users to enter strong password. It'll help your visitor to enter the strong password while filling up the password</p>
                                <p class="alert alert_info">
                                    <em>
                                        Please note that basic strong password should match for 1 Uppercase, 1 Lowercase, 1 Number, 1 Special Characters and should be minimum 8 character long. Also, if entered password contains the non-english characters (for eg. arabic, chinese, japanese, etc) then it'll match for 1 non-english character, 1 number, and minimum 8 character long.
                                    </em>
                                </p>
                                <p class="doc_image">
                                    <a href="assets/images/strong_password.png" rel="lightbox"><img class="size-medium wp-image-1564 aligncenter" src="assets/images/strong_password.png" alt="" width="525" height="286"></a>
                                </p>
                                <p>It also allows you to set your custom error message to display whenever user try to enter weak password.</p>
                                </li>
                            </li>
                            <br>
                            <li>
                                <p><b>Star Rating.</b></p>Star Rating is an exclusive field provided by ARForms which represents stars as an input, the user has to select start on focus/hover the color of starts get changes which represent user input. This field is used in many cases like Feedback in several stars.
                                <p class="doc_image">
                                    <a href="assets/images/star_field.png" rel="lightbox"><img class="size-medium wp-image-1567 aligncenter" src="assets/images/star_field.png" alt="" width="525" height="286"></a>
                                </p>You can manage start field's number of stars to be appeared on the front end, size of star and color of stars.</li>
                            <br>
                            <li>
                                <p><b>Like Button.</b></p>ARForms provides a kind of field whose value is either true or false, ie. Like or Dislike. This field can be used to get input from a user in like or dislike. Here you can change the label of Like/ Dislike and color of either.</li>
                            <br>
                            <li>
                                <p><b>Slider.</b></p>The slider field allows users to enter input by sliding a handle along with the slider. You can also make this slider as range slider where you will observe that user gets two handles on a slider to select a range of value.
                                <p class="doc_image">
                                    <a href="assets/images/slider_field.png" rel="lightbox"><img class="size-medium wp-image-1568 aligncenter" src="assets/images/slider_field.png" alt="" width="525" height="286"></a>
                                </p>Other options are available to manage this field inside the field option as mention in the image.</li>
                            <br>
                            <!-- grammerly changes continue -->
                            <li>
                                <p><b>Color Picker.</b></p> Color Pickers allows a user to select unlimited colors from a color palette, ARForms provide two types of color palettes <strong>Basic </strong>and<strong> Advance</strong>. The <strong>basic color palette</strong> has <strong>limited color</strong> selection options. It has a predefined list of colors, while the <strong>Advance</strong> color palette allows a user to select<strong> an unlimited color</strong> option.</li>
                            <br>
                            <li>
                                <p><b>Smiley.</b></p>Smiley field provides the user an emojis interface which on selecting return data as mention in field-option. Smiley field is an exclusive feature of ARForms more over predefined Smiley you can add images or icons as smiley to extend this exciting feature.
                                <p class="doc_image">
                                    <a href="assets/images/smiley_field.png" rel="lightbox"><img class="size-medium wp-image-1570 aligncenter" src="assets/images/smiley_field.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Autocomplete.</b></p>Autocomplete field gives users form filling experience much higher as it gives lists of suggestions on typing data in a field, this list of suggestions gets from the list you manage in Autocomplete field option.
                                <p class="doc_image">
                                    <a href="assets/images/field_autocomplete.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/field_autocomplete.png" alt="" width="525" height="286"></a>
                                </p>A list of options of Autocomplete can be uploaded by. CSV field or even can write manually.
                            </li>
                            <br/>
                            <li>
                                <p><b>Switch.</b></p>The Switch field is mostly used to get binary value from users. ARForms Provide switch field with different options like, set label name, set right label and value, set left label and value, etc.
                                <p class="doc_image">
                                    <a href="assets/images/switch_field.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/switch_field.png" alt="ARForms Switch Field" width="525" height="286"></a>
                                </p>
                            </li>
                            <br/>
                            <li>
                                <p><b>Credit Card.</b></p>You may require to get payment on submitting the form for which you need to add fields like <code>Cardholder Name, Card Number, Expiration Month, Expiration Year, CVC</code> and change fields options and settings.
                                <br><br>
                                ARForms provides the <strong>Credit Card</strong> field to reduce your lots of work in just one click. When you add the Credit Card field in your form it will add 5 individual fields with pre-defined settings which can be managed separately.
                                <p class="doc_image">
                                    <a href="assets/images/field_credit_card.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/field_credit_card.png" alt="ARForms - Credit Card"></a>
                                </p>
                            </li>
                            <br/>
                            <li>
                                <p><b>Multi Select</b></p>The Multi Select field gives a combo box with lists of options (same as the dropdown) from which the user can select more than one option. Some predefined list of options are given over here and a user can also add more options manually or by uploading CSV file and use for future use.
                                <br><br>
                                You are also able to allow your user to select the limited number of options and show a message to a user when he/she selects options more then you have allowed. For that, you need to set <strong><em>Max Option Selected</em></strong> and enter <strong><em>Max Option Selected Message</em></strong> at field options for the Multi Select.
                                <br><br>
                                You can also set the limit for minimum options to be selected by your user. For that, you need to set <strong><em>Min Option Selected</em></strong> and enter <strong><em>Min Option Selected Message</em></strong> at field options for the Multi Select.
                            </li>
                            <br/>
                            <li>
                                <p><b>Spinner&nbsp;&nbsp;<sup class="new_listed">New</sup></b></p>The Spinner field is an exclusive field provided by ARForms which allow user to set numeric values with plus and minus button. Spinner field does not allowed alphabetic values. The Spinner field in ARForms allows number rang which can be managed by field-option of a Spinner field. Spinner field has one more field option as Steps which is used to set steps to increase or decrease value by specified number.
                                <p class="doc_image">
                                    <a href="assets/images/field_spinner.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/field_spinner.png" alt="ARForms - Spinner"></a>
                                </p>
                            </li>
                            <br/>
                            <li>
                                <p><b>Matrix&nbsp;&nbsp;<sup class="new_listed">New</sup></b></p>The Matrix field is an exclusive field provided by ARForms which makes easy to get answer for any number of multiple choice questions from users. You can build a Matrix question whenever you want to collect data from a set of questions that have identical answers.
                                <br><br> 
                                Matrix field provides the facility to add any number of rows and columns. Some predefined list of options is given over here for columns and you can also add more manually or by uploading CSV file and use for future use from Manage Columns for the Matrix. Also you can add questions in rows by manually from Manage Rows for the Matrix.
                                <br><br>
                                You can also set label name, field description, message for tooltip and message for blank field at field options for Matrix.
                                <p class="doc_image">
                                    <a href="assets/images/field_matrix.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/field_matrix.png" alt="ARForms - Matrix"></a>
                                </p>
                            </li>
                            <br/>
                            <li>
                                <p><b>Rich Text Editor&nbsp;&nbsp;<sup class="new_listed">New</sup></b></p>The Rich Text Editor field is an exclusive field provided by ARForms which offers a What You See Is What You Get field (WYSIWYG) experience. Rich Text Editor field of ARForms enables your site visitors to easily create HTML without writing any code if they want. Users can also use the Rich Text Editor field to add images and links of audio, video and images to the text they enter.
                                <br><br>
                                Rich Text Editor field is excellent for creating or editing post content by mapping the form which contains Rich Text Editor field with the Post Creator Addon of ARForms.
                                <br><br>
                                You can also set label name, field description, message for tooltip, number of rows to display, default value, message for blank field, message for minimmum length, field custom width, enable Readonly at field options for Rich Text Editor.
                                <p class="doc_image">
                                    <a href="assets/images/field_rich_text_editor.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/field_rich_text_editor.png" alt="ARForms - Rich Text Editor"></a>
                                </p>
                            </li>
                        </ol>
                    </div>
                </div>
                <div id="other_field_type">
                    <h1>Other Field Types</h1>
                    <div class="card">
                        <p>There are numbers of other field types provided by ARForms to make its form a superior and fully functioned in its class of other Form Builders as well as many Advance Element has also been provided by ARForms.</p>
                        This fields help to create a more dynamic form and fully function.
                        <strong>Let's have a look on various Field Types: </strong>
                        <ol class="">
                            <li>
                                <p><b>HTML.</b></p>HTML field allows to add any HTML content in your form ie. you can use HTML tags to make form's UI more pleasing. eg to add &lt;marquee&gt; or &lt;table&gt; ,etc you can use HTML field.
                                <p class="doc_image">
                                    <a href="assets/images/html_field.png" rel="lightbox"><img class="size-medium wp-image-1565 aligncenter" src="assets/images/html_field.png" alt="" width="525" height="286"></a>
                                </p>Apart from HTML tags, this field also gives the functionality of running total (Math Logic) for more details on Running Total <a class="panel" href="#running_total">click here</a>. If you use running total in this field then a sigma symbol will start appearing.</li>
                            <br>
                            <li>
                                <p><b>Section.</b></p>Section field enables you to make a list of fields inside on the section to manage all that field together and also apply many operations on this group of the field. 
                                <p class="doc_image">
                                    <a href="assets/images/section_field.png" rel="lightbox"><img class="size-medium wp-image-1565 aligncenter" src="assets/images/section_field.png" alt="ARForms Section Field" width="525" height="286"></a>
                                </p>
                                A <strong>section creates</strong> when you <strong>put section field</strong> now you can Drag and Drop field inside section which you want in the same section. For more options, you can refer to the section field option.
                                <p><b><i>Using Conditional Logic you can show/hide all element under one condition and also you can add a background color to the full section.</i></b></p>
                                <p>Using Field Options you can change section title and hide section title in frontend.</p>
                            </li>
                            <br>
                            <li>
                                <p><b>Page Break.</b></p>Page break provides multipart form functionality ie.making form in multi-pages and each page has the next button which shows the next part of form. The multipart form can be managed easily just by adding Page Break field in between fields all fields above and below Page Break will show in separate pages. You can also conditionally show/hide this field by Conditional Logic then the whole page will be shown/hide using this functionality.
                                <br><br>
                                You may need to hide survey bar(progress bar) or top bar(for wizard style) in your multipart form which can be done by <strong>hiding Survey Bar / Tab Belt</strong> field option at page break field options popup.
                                <br><br>
                                Another option is available here is <strong>Multistep Position</strong> where you can change the position of survey bar/tab belt to <em>Top</em> position or <em>Bottom</em> position in your form.
                                <p class="doc_image">
                                    <a href="assets/images/pagebreak_field.png" rel="lightbox"><img class="size-medium wp-image-1566 aligncenter" src="assets/images/pagebreak_field.png" alt="" width="808" height="459"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Image.</b></p>Images control allows you to add attractive images on your forms, to make User-Interface of your form more delightful. This field has the option to place the image at any part of the form, just by dragging or by entering the X-axis or Y-axis points of the form where you want an image, there are another options for image position, height, and width if you need to change at a mobile device.
                                <p class="doc_image">
                                    <a href="assets/images/image_control.png" rel="lightbox"><img class="size-medium wp-image-1569 aligncenter" src="assets/images/image_control.png" alt="" width="810" height="533"></a>
                                </p>
                            </li>
                            <br>
                            <li>
                                <p><b>Repeater.</b><sup class="new_listed">New</sup>
                                <br>Repeater field is use to repeat the field(s) inside it. ARForms provide the Repeater field which helps users to add dynamic field(s) from front-end. <a class="panel" href="#repeater_details">more details</a></p>
                                <p class="doc_image">
                                    <a href="assets/images/repeater_field.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/repeater_field.png" alt="ARForms - Repeater Field"></a>
                                </p>
                            </li>
                            <!-- reputelog end -->
                        </ol>
                    </div>
                </div>
                <div id="dynamic_dropdown">
                    <h1>Dynamic Dropdown Options&nbsp;<sup class="new_listed">New</sup></h1>
                    <div class="card">
                        <p>ARForms exclusively provides the new feature of Dynamic Dropdown Field. The Dynamic Dropdown Field is most popular and trending feature of Form Builder Plugin nowadays. You can create Dynamic Dropdown Field by doing few modifications in the ARForms Simple Dropdown Field.</p>
                        <p>The Dynamic Dropdown Field enables you to set the dropdown's options for child dropdown field dynamically which are dependent on the selected option of Parent Dropdown Field through Parent-Child connectivity of multiple dropdown fields.</p>
                        <p>The Dynamic Dropdown Field will generate the options dynamically for child dropdown field which is dependent on parent dropdown field. To generate the options dynamically you need enable the <strong>Dynamic Option</strong> and map the parent dropdown field from <strong>Select Parent</strong> dropdown of the field options of child dropdown field. It is compulsary to upload the <strong>CSV file</strong> from the field options of child dropdown field which contains parent dropdown field's each options mapped with child dropdown field's each options after Dynamic Option is enabled and Parent Dropdown is mapped. Please note that it is mandatory to start the csv file from the first cell of the csv file.</p>
                        <p class="doc_image">
                            <a href="assets/images/field_options_settings_for_dynamic_option.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/field_options_settings_for_dynamic_option.png" alt="ARForms - Field Options Settings For Dynamic Option"></a>
                        </p>
                        <p>The Dynamic Dropdown Field has two different Use Cases:
                            <ol>
                                <li>One to One</li>
                                <li>One to Many</li>
                            </ol>
                        </p>
                        <p><b>One to One :</b></p>
                        <p>One to One use case can be implemented when you set the parent dropdown field dependency to only one child dropdown field. In this case, when parent dropdown's selected option is changed only one child dropdown field's options will be changed which has been dependent on parent dropdown field.</p>
                        <p>In this case the csv file for generating dynamic options will contain only two columns from which first column will contain the parent dropdown field's options and second column will contain the child dropdown field's optoins.</p>
                        <p class="doc_image">
                            <a href="assets/images/one_to_one_dynamic_option_field.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/one_to_one_dynamic_option_field.png" alt="ARForms - One To One Use Case"></a>
                        </p>
                        <p><b>One to Many :</b></p>
                        <p>One to Many use case can be implemented when you set the same parent dropdown field dependency to more than one child dropdown field. In this case, when parent dropdown's selected option is changed more than one child dropdown field's options will be changed which has been dependent on parent dropdown field.</p>
                        <p>In this case the csv file for generating dynamic options will contain more than two columns from which first column will contain the parent dropdown field's options and other columns will contain the child dropdown field's optoins for each child dropdown field mapped with same parent dropdown field.</p>
                        <p class="doc_image">
                            <a href="assets/images/one_to_many_dynamic_option_field.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/one_to_many_dynamic_option_field.png" alt="ARForms - One To Many Use Case"></a>
                        </p>
                        <b>Download sample CSV file from here :</b><br>
                        <a href="#one_to_one_csv">One to One Use Case Sample CSV File</a><br>
                        <a href="#one_to_many_csv">One to Many Use Case Sample CSV File</a>
                    </div>
                </div>
                <div id="multi_column">
                    <h1>Multicolumn & Resizable</h1>
                    <div class="card">
                        <h2>Multi Column</h2>ARForms provide excellent functionality to arrange the field in multiple columns. You have options to select several columns you want in a row. You can arrange fields up to six columns. By default field is arranged in one column, you have to arrange it into required columns.
                        <br>
                        <br><strong>Illustration of Multi Columns,</strong>
                        <br>
                        <br><strong>1. One Column:</strong> by default, all elements are arranged in one column.
                        <br>
                        <br><strong>2. Two Column:</strong> while clicking on a two-column icon, as shown below the row will divide into two equal columns.
                        <p class="doc_image">
                            <a href="assets/images/multicol_two_col.png" rel="lightbox"><img class="aligncenter size-large wp-image-1315" src="assets/images/multicol_two_col.png" alt="multicol_two_col" width="525" height="286"></a>
                        </p>
                        <br><strong>3. Three Column: </strong>Similarly as two-column we can also generate three equal columns by clicking in three column's icon as shown below.
                        <p class="doc_image">
                            <a href="assets/images/multicol_three_col.png" rel="lightbox"><img class="aligncenter size-large wp-image-1316" src="assets/images/multicol_three_col.png" alt="multicol_three_col" width="525" height="286"></a>
                        </p>
                        <br><strong>4. Four, Five and Six columns: </strong>Similarly we can get up to six columns in a row by clicking respective icons.
                        <p class="doc_image">
                            <a href="assets/images/columns_icnon.png" rel="lightbox"><img class="aligncenter size-large wp-image-1317" src="assets/images/columns_icnon.png" alt="columns_icnon" width="525" height="286"></a>
                        </p>
                        <h2>Resizable Column</h2>Apart from multi-column, ARForms also provides resizing of each column with appealing to the sense UI, here you must aware that resizing of each column can be limit to some maximum and minimum limit up to which any field can be minimized to 15% of its column.
                        <p class="doc_image">
                            <a href="assets/images/resizble.png" rel="lightbox"><img class="aligncenter wp-image-1529 size-medium" src="assets/images/resizble.png" alt="" width="525" height="286"></a>
                        </p>Using <em>resizable,</em> each field can resize up to the required size and arrangement can be achieved as desired. Like you can see below, from which has been arranged as per the requirement of the size of each field, which makes forms <em>design more pleasing</em>.
                        <p class="doc_image">
                            <a href="assets/images/resize_2.png" rel="lightbox"><img class="aligncenter wp-image-1531 size-large" src="assets/images/resize_2.png" alt="" width="525" height="826"></a>
                        </p>
                    </div>
                </div>
                <div id="running_total">
                    <h1>Running Total ( Match Logic )</h1>
                    <div class="card">
                        <h2>Creating a Running Total / Math Logic</h2>Running Total in ARForms provides <strong>math logic</strong> or in simple language, you can say that when we need calculation of two or more field then this can be achieved by using <em>Running Total.</em> Running Total is performed in the HTML field inside field-options, steps to perform Running Total are as shown below.
                        <p class="doc_image">
                            <a href="assets/images/running_ttl.png" rel="lightbox"><img class="aligncenter size-large wp-image-1314" src="assets/images/running_ttl.png" alt="ARForms Running Total"></a>
                        </p>When you want to add formulas for math logic, you need to check this checkbox (<em>Enable Running Total</em>). When you will check this checkbox, it will automatically add a pair of tag &lt;arftotal&gt;&lt;/arftotal&gt; (<em>Opening and closing tag</em>). You will be able to see a sample formula as displayed. Here, you will be able to see <strong>'Add Field'</strong> dropdown from where you can add form fields for calculation and list of an operand to do a calculation. Even there is a facility to check formula whether it is valid or not just by clicking on <strong>Validate Formula</strong>.
                        <br><b><i>Sigma Icon</i></b>After adding required running total you will find that a sigma icon will be enabled in the HTML field, this "<em>Sigma Icon"</em> specifies that the HTML field has "<em>Running Total Enabled".</em>
                        <p class="doc_image">
                            <a href="assets/images/running_total_sigma.png" rel="lightbox"><img class="aligncenter wp-image-1521 size-full" src="assets/images/running_total_sigma.png" alt="" width="525" height="100" style="height: 100px;"></a>
                        </p>
                        <h2>Displaying the Calculation in Your Form</h2>Displaying a calculation in your form is very easy, with ARForms, it will be displayed where you have added an HTML field in which you wrote whole<em> formula</em> or <em>math logic</em> and you can add prefix as per your need before &lt;arftotal&gt;&lt;/arftotal&gt; tags.<em>let's illustrate a case in which we add running total to field </em>
                        <p class="doc_image">
                            <a href="assets/images/html_rt_view.png" rel="lightbox"><img class="aligncenter wp-image-1522 size-large" src="assets/images/html_rt_view.png" alt="" width="525" height="286"></a>
                        </p>
                        <h2>Enable Running Total:</h2>
                        <p>When you want to add formulas for math logic, you have to check to enable Running Total checkbox. When you check this checkbox, it will automatically add a pair of <code>&lt;arftotal&gt;</code><code>&lt;/arftotal&gt;</code> tag. ( Opening and closing tag. ) where your cursor is pointing. </p>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i> After checked the Enable Running Total, Please confirm that your cursor is pointing between the <code>&lt;arftotal&gt;</code> tag. You need to add a formula between opening and closing tags.</p>
                        <p>After enabling the running total, you will get form fields to add in the formula along with math operators for calculation.</p>
                        <h4>Add Field:</h4>
                        <p>This is the list of all fields which you have already added in the editor for your form. Select any field which you want to use for calculation. By selecting a field, it will be added to your formula which you can see in the HTML content area. Here some inputs will not be included such as Range slider, Page Break, Captcha.</p>
                        <br>
                        <h4>Math Operators:</h4><code>{ + } Sign:</code>
                        <p>It will perform addition operation between fields(operands). Just simply click on the button and it will be added to your formula where your cursor is pointing.</p><code>{ - }Sign: </code>
                        <p>It will perform subtraction operation between fields(operands). Just simply click on the button and it will be added to your formula where your cursor is pointing.</p><code>{ * } Sign: </code>
                        <p>It will perform multiplication operation between fields(operands). Just simply click on the button and it will be added to your formula where your cursor is pointing.</p><code>{ / } Sign: </code>
                        <p>It will perform division operation between fields(operands). Just simply click on the button and it will be added to your formula where your cursor is pointing.</p><code>{ ( ) } Brackets: </code>
                        <p>Starting and closing bracket used to differentiates and give high priority to particular operation between formulas.</p>
                        <div class="example">
                            <h5>example</h5><pre><code>([Product:123]*[Qty:125]) + 5</code></pre></div><br>
                        <h4>Validate Formula:</h4>
                        <p>After adding the required fields and operators to the formula, you may want to check that this formula is valid or not. So, this button will check whether your formula is valid or not. If your formula contains any incorrect expression, then it will show you an error message. </p><br>
                        <h2>Round-Up Total</h2>
                        <p>Enable this option if you want to round up the total value of the calculation. <br/>For example, if the total is 12.49 then it will round up with 12 and if the total is 12.50 then it will round up with 13.</p><br>
                        <h2>Running Total with Payment Addon</h2>Running Total widely used to add the final amount (the result of running total) as a <em>Price</em> in <em>Payment Addon, </em>ie. maybe product of amount and quantity or simply sum of two fields much can be explained by illustrating an example. let's consider the above-illustrated form and sum of two field <em>'price'</em> &amp; <em>'charges'</em> as the final amount to be paid by the user.
                        <p class="doc_image">
                            <a rel="lightbox" href="assets/images/running_tl_in_addon.png"><img class="aligncenter wp-image-1526 size-medium" src="assets/images/running_tl_in_addon.png" alt="" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="repeater_details">
                    <h1>Repeater (Add More)</h1>
                    <div class="card">
                       
                        <h2>Creating a Repeater / Add More Field</h2>Repeater in ARForms provides the facility to add <strong>Dynamic Field(s)</strong> from front-end, it means a user can enter multiple data for the same field. You can drag other fields inside repeater which you want repeatable with all its individual options.
                        <p class="doc_image">
                            <a href="assets/images/field_inside_repeater.png" rel="lightbox"><img class="aligncenter size-large wp-image-1314" src="assets/images/field_inside_repeater.png" alt="ARForms Repeater Field"></a>
                        </p>
                        Repeater field provides an option to set the maximum repeatable limit for front-end users.
                        <p class="doc_image">
                            <a href="assets/images/repeater_option.png" rel="lightbox"><img class="aligncenter size-large wp-image-1314" src="assets/images/repeater_option.png" alt="ARForms Repeater Options"></a>
                        </p> 
                        Repeater field in front-end provides the <code>'+'</code> button for users to repeat fields and <code>'-'</code> button to remove the repeated field.
                        <p class="doc_image">
                            <a href="assets/images/repeater_frontend.png" rel="lightbox"><img class="aligncenter size-large wp-image-1314" src="assets/images/repeater_frontend.png" alt="ARForms Repeater Frontend"></a>
                        </p> 
                        Repeater field does not support the following fields
                        <ul>
                            <li>Password</li>
                            <li>HTML</li>
                            <li>Section</li>
                            <li>Page Break</li>
                            <li>Credit Card</li>
                            <li>Signature</li>
                            <li>Download</li>
                            <li>Captcha</li>
                            <li>Matrix</li>
                        </ul>
                        <p>Repeater Field entries display same as other fields in the Form Entries page, after clicking <strong>View Data</strong> you can see all entries of fields that are inside the repeater field.</p>
                         <p class="doc_image">
                            <a href="assets/images/repeater_field_entries.png" rel="lightbox"><img class="aligncenter size-large wp-image-1313" src="assets/images/repeater_field_entries.png" alt="ARForms Repeater Field Entries" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="conditional_logic">
                    <h1>Conditional Logic</h1>
                    <div class="card">
                        <p>ARForms allow you to set a condition on the field. Using conditional logic, you can <em>show</em> or <em>hide fields</em>, <em>page</em>, <em>section </em>or can disable/enable <em>fields</em> or even can<em> set values of the particular field.</em></p><b><i>ARForms Conditional Logic facilitates,</i></b>
                        <ul>
                            <li>Multiple Conditions.</li>
                            <li>Multiple Results.</li>
                        </ul>Which allow a user to add a Combination of condition to perform any operation on any one field and vice-versa. We can set Conditional Logic to apply the following operation on fields, <em>we have added new operation than our previous version</em>
                        <br>
                        <ul>
                            <li>Show Field.</li>
                            <li>Hide Field.</li>
                            <li>Enable Field.<sup class="new_listed">New</sup></li>
                            <li>Disable Field.<sup class="new_listed">New</sup></li>
                            <li>Set Value of Field.<sup class="new_listed">New</sup></li>
                        </ul>You can put conditional logic on any field, but for that, you need at least one field for conditional logic. Even you can apply conditional logic to a section as well as on Page Break. <em>Unlike our previous version</em>, Now Conditional Logic has been upgraded to Form-wise rather than that of Field-wise, So users can easily manage Conditional Logic of many fields and it is also very easy to maintain &amp; modify it.
                        <p class="doc_image">
                            <a href="assets/images/conditional_logic.png" rel="lightbox"><img class="aligncenter size-large wp-image-1313" src="assets/images/conditional_logic.png" alt="conditional_logic" width="525" height="286"></a>
                        </p>
                        <ul class="changelog_ul">
                            <li><strong>Show/Hide: </strong>There is a drop-down for show or hide the field, select one of them which you want to apply on the field.
                                <br>
                                <br><u>Show</u>: On selection of this option, the target field will be displayed on specific conditions is fulfilled.
                                <br><u>Hide</u>: On the selection of this option, the targeted field will hide in the specified condition is fulfilled.</li>
                            <br>
                            <li><strong>Enable/ Disable :</strong>
                                <br>
                                <br><u>Enable</u>: On selection of this option, the targeted field will be <em>disabled false, </em>if the field is disabled then it will be enabled.
                                <br><u>Disable</u>: On selection of this option, the target field will be <em>disabled true, </em>the field will be disabled.</li>
                            <br>
                            <li><strong>Set Value of: </strong>On selection of this option, the target field will be populated with the value which has been set by the user. Now you can <strong>Set Value of hidden field</strong> for conditional logic.</li>
                            <br>
                            <li><strong>All/Any: </strong>There is another dropdown to handle the behavior of condition when more than one condition applied to a single field.
                                <br>
                                <br><u>All</u>- When you have applied more than one condition on the target field. And you want that each condition should be fulfilled, at that time this option is used.
                                <br><u>Any</u> - When you have applied more than one condition on the target field. And you want that any of the conditions should be fulfilled, at that time this option is used.</li>
                            <br>
                            <li><strong>Condition Field:</strong>
                                <br>
                                <br><u>Field</u>- This dropdown box allows you to map your field for the condition.
                                <br><u>Operator</u> - This field will determine that value is evaluated as true or false. You can set operator like equals to, not equals to, greater than, less than, contains, not contains.
                                <br><u>Value</u> - This field will accept the value of the above conditional field. This value will be checked for condition.</li>
                        </ul>
                        <h3>Conditional Logic on Multi-part Form &amp; Section of Form</h3>ARForms exclusively provides <em>Conditional Logic</em> to <em>Show</em> or <em>Hide</em> '<em>Multi-part</em> ' form or even a '<em>Section'</em> of a form. These features help in providing instant <em>section/Multipage of form</em> to user on the checkbox, radio, single line text, etc.
                        <br><b><i><strong>Conditional Logic on Section</strong>: All fields inside a section of the form will get affected by Conditional Action defined to section.<p class="doc_image"><a href="assets/images/section_cl.png" rel="lightbox"><img class="aligncenter wp-image-1534 size-large" src="assets/images/section_cl.png" alt="" width="525" height="286"></a></p><strong>Conditional Logic on Multipart: </strong>here full page of form can be shown/hide by using conditional logic on the 'Pagebreak' field.</i></b>
                        <p class="doc_image">
                            <a rel="lightbox" href="assets/images/conditional_pagebreak.png"><img class="aligncenter wp-image-1535 size-large" src="assets/images/conditional_pagebreak.png" alt="" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="multipart">
                    <h1>Multi-Parts / Multi Pages Form</h1>
                    <div class="card">
                        <h3>Page Break with ARForms</h3>Page Break or <strong>Multipart</strong> form is another important functionality provided by any page builder plugins. ARForms allows you to create a multi-step form by a very easy method, just by adding <em>Page Break element</em> inside form editor just after field where you want to end that part of the form.
                        <p class="doc_image">
                            <a href="assets/images/page_break.png" rel="lightbox"><img class="aligncenter size-large wp-image-1308" src="assets/images/page_break.png" alt="page_break" width="525" height="286"></a>
                        </p>Here you can set conditional logic on this field when you want to hide or show the next step on user's selection. When you applied conditional logic on the page break, it will apply to all fields within that page. For a multi-step form, there are two ways to represent it, that is by <em>Wizard</em> form and by <em>Survey</em> form.
                        <br>
                        <br><strong><u>Wizard Form</u></strong>: When a form is lengthy, at that time it would be unwieldy to submit the form from a single page. So at that time use wizard form, in which the first form asks important detail, the second one asks less important detail, etc.
                        <p class="doc_image">
                            <a href="assets/images/wizard_multi_part.png" rel="lightbox"><img class="aligncenter size-full wp-image-1310" src="assets/images/wizard_multi_part.png" alt="wizard_multi_part" width="525" height="286"></a>
                        </p>
                        <p><b><ul style="list-style-type:disc"><li>Previous Page Clickable<sup class="new_listed">New</sup></li></ul></b></p><p style="margin-left: 30px;">ARForms provides the option to make previous pages clickable only when multi-step form is created with Wizard type. This option allows your site visitors to navigate to the previous pages of Wizard type multi-step form</p><p style="margin-left: 30px;">You can find and enable the <strong>Previous Step Clickable</strong> option from field options of page break field and after enable this option save the form.</p>
                        <p class="doc_image" style="margin-left: 30px;">
                            <a href="assets/images/previous_page_clickable_option.png" rel="lightbox"><img class="aligncenter size-full wp-image-1312" src="assets/images/previous_page_clickable_option.png" alt="previous_page_clickable_option" width="525" height="286"></a>
                        </p>

                        <p><b><ul style="list-style-type:disc"><li>Select Wizard Theme<sup class="new_listed">New</sup></li></ul></b></p><p style="margin-left: 30px;">ARForms provides the option to display wizard type multi-step form with different wizard styles. This option comes with three different wizard styles. This option will helps you to make your multi-step forms more attractive. </p><p style="margin-left: 30px;">You can find and select the wizard styles with <strong>Select Wizard Theme</strong> option from field options of page break field and after selecting the wizard style from this option save the form.</p>
                        <p class="doc_image" style="margin-left: 30px;">
                            <a href="assets/images/select_wizard_theme_option.png" rel="lightbox"><img class="aligncenter size-full wp-image-1312" src="assets/images/select_wizard_theme_option.png" alt="select_wizard_theme_option" width="525" height="286"></a>
                        </p>

                        <br><strong><u>Survey Form</u></strong>: By selecting this option, steps are displayed as a progress bar in a multi-step form. You can see the following form.
                        <p class="doc_image">
                            <a href="assets/images/survey_multi_part.png" rel="lightbox"><img class="aligncenter size-full wp-image-1312" src="assets/images/survey_multi_part.png" alt="survey_multi_part" width="525" height="286"></a>
                        </p>
                        <hr>
                        <p>Survey bar / Wizard tabs can be moved to the bottom position in your Wizard form / Survey form as you can see in the following form.</p>
                        <p class="doc_image">
                            <a href="assets/images/bottom_pagebreak_form.png" rel="lightbox"><img class="aligncenter size-full wp-image-1312" src="assets/images/bottom_pagebreak_form.png" alt="Multipart Form - Bottom Position" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="pagebreaktimer">
                    <h1>Page Break Timer</h1>
                    <div class="card">
                        <h3>PageBreak With Timer</h3> Arforms provide countdown timer option on multi-parts/ multi pages forms. This will submit the form automatically after the time has elapsed.
                        <br><br>
                        <p> To enable timer option simply go to the Input field options → Pagebreak Timer Settings section of your form and tick the Add timer option. </p>

                         <p class="doc_image">
                            <a rel="lightbox" href="assets/images/arfaddtimer.png"><img class="aligncenter wp-image-1535 size-large" src="assets/images/arfaddtimer.png" alt="" width="525" height="286"></a>
                        </p>

                         <ul class="changelog_ul">
                            <li><strong>Set Timer On: </strong>With the help of these options you can set the timer on individual steps or overall steps. 
                            <br>
                            <br><u>Individual Steps</u>: This option works with every steps if time complete on particular page then they automatically redirect in next page. next page timer start with its initial value. 
                            <br><br>
                            For example, if you set timer 10 second then first page timer will start with 10 second after 10 second,they will be automatically redirect in next page and next page also start with initial value 10 second.

                            <br>
                            <br><u>Overall Steps</u>: This option works with allover steps if time complete on particular page then it automatically submit the form. it's not show next step. 
                            <br><br>
                            for example, if you set timer 10 seconds. after 10 seconds form will be automatically submit. 
                            </li>
                         </ul>

                         <ul class="changelog_ul">
                            <li><strong>Show Units: </strong>with the help of these options you can select which timer unit will be shown in form. 
                                <br><br>
                                for example, you can set timer units only for seconds or  minutes- seconds or hours-minutes-seconds.
                         </ul>

                         <ul class="changelog_ul">
                            <li><strong>Set Timer: </strong>In these options through you can set timer values.
                         </ul>
                         <ul class="changelog_ul">
                            <li><strong>Start timer on page no.: </strong>With the help of this option you can decide timer start on which page.
                                <br><br>
                                For example, If you don't want to start timer on first page but you want to start timer another particular page. so, you can set this particular pageno. on start timer page no.
                         </ul>
                         <ul class="changelog_ul">
                            <li><strong>End timer on page no.: </strong>With the help of this option you can stop timer on particular page..</li>
                            <br>
                            For example, timer start on first page but if you want to timer stop on particular page. so, you can set this particular page no. on end timer page no.
                         </ul>

                         <ul class="changelog_ul">
                            <li><strong>Timer Style: </strong>timer option provides three different style number, circle and circle with text.</li>
                            <br><u>Number Style</u>: If you select Number style from timer style option then it will be displayed on the form as you can see from following screenshot. 
                               <p class="doc_image" style="margin-left: 30px;">
                                    <a href="assets/images/number_style_timer.png" rel="lightbox">
                                        <img class="aligncenter size-full wp-image-1312" src="assets/images/number_style_timer.png" alt="number_style_timer" width="525" height="286"></a>
                                </p>
                                <u>Circle Style</u>: If you select circle style from timer style option then it will be displayed on the form as you can see from following screenshot. 
                                <p class="doc_image" style="margin-left: 30px;">
                                    <a href="assets/images/circle_style_timer.png" rel="lightbox">
                                        <img class="aligncenter size-full wp-image-1312" src="assets/images/circle_style_timer.png" alt="circle_style_timer" width="525" height="286"></a>
                                </p>
                                <u>Circle with text Style</u>: If you select circle with text style from timer style option then it will be displayed on the form as you can see from following screenshot. 
                                <p class="doc_image" style="margin-left: 30px;">
                                    <a href="assets/images/circle_with_txt.png" rel="lightbox">
                                        <img class="aligncenter size-full wp-image-1312" src="assets/images/circle_with_txt.png" alt="circle_with_txt" width="525" height="286"></a>
                                </p>
                                <p>You can manage circle background-color or circle base color from styling options as well as timer text color inherited from label text color. </p>
                                 <p class="doc_image" style="margin-left: 30px;">
                                    <a href="assets/images/arftimer_styling_option.png" rel="lightbox">
                                        <img class="aligncenter size-full wp-image-1312" src="assets/images/arftimer_styling_option.png" alt="timer color" width="525" height="286"></a>
                                </p>
                         </ul>
                    </div>
                </div>
                <div id="email_notifiaction">
                    <h1>Email Notification</h1>
                    <div class="card">
                        <h3>Email Setting Globally</h3>To send Emails to users and admin firstly we have to configure Email Setting globally.
                        <br>ARForms allows you to set Email Configuration globally for Auto-Response Email. You can set the default setting for email. Even you will be able to choose the server which you want to use to send the email. If you want to set different Email settings for each form then you can manage it also from 'Email Settings' inside the Form 'General Settings' tab.
                        <p>
                            <br>ARForms Provides various email sending mechanism like<em> SMTP Mail, WordPress Server or PHP Mailer</em>. Also, many other setting is provided to configure email globally. For <a class="panel" href="#email_config">more details</a> visit document <code>Global Settings &gt; Email Configuration</code>.</p>
                        <p class="doc_image">
                            <a href="assets/images/email_config.png" rel="lightbox"><img class="aligncenter size-large wp-image-1304" src="assets/images/email_config.png" alt="email_config" width="525" height="286"></a>
                        </p>
                        <h3>Email Notification( <em>Form Level Configuration )</em></h3>If you want to send an automatic response email to the user as well as administrator after submitting the form, you have to configure option separately for user and admin. ARForms allows you to customize email content for both user and admin. Here you can fully customize email content, you can add a form field data by selecting the particular field. You have to set the receiver email id, a subject of an email, and message content. You can configure the sender email id, name and also add form field content with the message, email id, and subject. ARForms also provides shortcodes, which you can use anywhere in the message content.
                        <br>
                        <br><em><strong>1. Configuring User Email Notification.</strong></em> In Email Notification popup, by checking to <em>Send an Automatic Response to users after submitting form </em>checkbox user will get a notification after successful form submission.
                        <p class="doc_image">
                            <a href="assets/images/user_notification_mail.png" rel="lightbox"><img class="aligncenter size-large wp-image-1306" src="assets/images/user_notification_mail.png" alt="user_notification_mail" width="1099" height="884"></a>
                        </p><b><i>Conditional User Email Notification</i></b> Sending email notification to a user can be specified Conditionally ie. to send an Automatic Response only if some condition gets fulfilled like if the email field does not equal to blank the send email.
                        <p class="doc_image">
                            <a href="assets/images/conditional_email.png" rel="lightbox"><img class="aligncenter wp-image-1537 size-full" src="assets/images/conditional_email.png" alt="" width="525" height="150" style="height: 150px;"></a>
                        </p>
                        <b><i>User Email Attachment</i></b> ARForms provide the facility to send some attachment to user email notifications.
                        <p class="doc_image">
                            <a href="assets/images/arforms_email_notification_attachment.png" rel="lightbox"><img class="aligncenter wp-image-1537 size-full" src="assets/images/arforms_email_notification_attachment.png" alt="" width="525" height="150" style="height: 150px;"></a>
                        </p>
                        <p class="alert alert_info">
                            <em>
                                Email notification attachment only allows jpg / jpeg / png / pdf / doc / docx / xls / xlsx / txt file types to upload.
                            </em>
                        </p>
                        <em><strong>2. Configuring Admin Email Notification.</strong></em> In Email Notification popup, by checking to <em>Send an Automatic Response to admin after submitting form </em>checkbox Administrator will get a notification after successful form submission. Default admin Email Address automatically retrieves from its profile and From/Reply to Email will be as defined in global settings. ARForms also provides <code>CC</code> and <code>BCC</code> Email at Admin Email Notification.
                        <p class="doc_image">
                            <a href="assets/images/admin_notification_email.png" rel="lightbox"><img class="aligncenter size-full wp-image-1307" src="assets/images/admin_notification_email.png" alt="ARForms Admin Email Notification" width="901" height="681"></a>
                        </p>
                        
                    </div>
                </div>
                <div id="form_submit_act">
                    <h1>Form Submit Action</h1>
                    <div class="card">
                        <h3>Submit Action</h3>
                        <p>ARForms provides various action just after submitting a form which helps the user to manage the submission process adequately. The immediate action that can be taken after Form Submission like Displaying Message, Redirect to URL or Conditional Operation on Submit Button.</p>
                        <br>Various actions that can be managed by Submit Action popup are mentioned below.
                        <ul>
                            <li>Display Message.</li>
                            <li>Redirect URL.</li>
                            <li>Redirect URL in same window, new tab or new window</li>
                            <li>Display content from another page.</li>
                            <li>Set Conditional Submit Button.</li>
                            <li>Hide form after successfully submitted.</li>
                            <li>Send Form Data internally to Custom URL (Webhook).</li>
                            <li>Show confirmation (Summary).</li>
                        </ul>
                        <br>
                        <br><strong><u>Display Message</u>:</strong> You can customize the message which gets displayed on successful Form Submission.
                        <p class="doc_image">
                            <a href="assets/images/submit_action-1.png" rel="lightbox"><img class="aligncenter size-full wp-image-1301" src="assets/images/submit_action-1.png" alt="submit_action" width="525" height="286"></a>
                        </p><strong><u>Redirect URL</u>: </strong>ARForms provide redirection to another URL after successful Form Submission, ARForms exclusively provide Conditional Redirection that is, on the particular condition you can set the redirect to a specific URL either you can Set Static Redirection. <br/><br/> ARForms provides a facility to send form submission data along with redirect URL using the <strong>GET</strong> or <strong>POST</strong> method.
                        <br/><br />ARForms also provide the Facility to change Field name for submitted data, by default it set item_meta_{field_id}.<sup class="new_listed">New</sup>
                        <br/><br />ARForms also provide the Facility to select Fields which you should be send to the selected URL after form submission, by default all fields are selected.<sup class="new_listed">New</sup>
                        <p class="doc_image">
                            <a href="assets/images/submit_action_redirect_to_url.png" rel="lightbox"><img class="aligncenter size-full wp-image-1303" src="assets/images/submit_action_redirect_to_url.png" alt="submit_action_redirect_to_url" width="961" height="667"></a>
                        </p><strong><u>Redirect URL in same window, new tab or new window</u></strong>: ARForms 4.3.4 added a facility to open the URL in either same window or new tab or new window. By default, the redirect URL will be open in the same window where the form is submitted.
                        <p class="doc_image">
                            <a href="assets/images/submit_action_redirection_options.png" rel="lightbox"><img class="aligncenter size-full" src="assets/images/submit_action_redirection_options.png" alt="submit_action_redirection_options" width="961" height="667" /></a>
                        </p><strong><u>Display content from another page</u>: </strong>After successful Form Submission you can get data from any other pages of that site to Current Page. <em>Please note,</em> that only static content of that page can be displayed regardless of another Form of ARForms or any other dynamic content of other plugins.
                        <p class="doc_image">
                            <a href="assets/images/submit_action_content_from_other_page.png" rel="lightbox"><img class="aligncenter size-large wp-image-1242" src="assets/images/submit_action_content_from_other_page.png" alt="submit_action_content_from_other_page" width="525" height="100" style="height: 100px;"></a>
                        </p><strong><span style="text-decoration: underline">Set Conditional Submit Button</span>: </strong>ARForms exclusively provides Conditional Logic upon Form Submission to Enable/Disable Submit button. You can set a condition on Form Field with various operators to match your needs before form gets submit if the condition doesn't match then submit button get Disable /Enable.
                        <br><strong>Disable/Enable - </strong> On selection of this option, submit button will be <em>disabled or Enable </em>vice-versa
                        <br><strong>All/Any -</strong> When you have applied more than one condition on the submit button and you want that <em>each or any of the </em>conditions should be fulfilled, at that time this option is used.
                        <div class="example">
                            <h5>Example</h5><pre>Lets set a condition that, if First Name &amp; Last Name equal to blank then the submit button will remain disabled, this condition has been illustrated below showing the front-end submit button &amp; condition setup in the back-end.</pre></div>
                        <p class="doc_image">
                            <a href="assets/images/submit_btn_cl.png" rel="lightbox"><img class="aligncenter size-large wp-image-1286" src="assets/images/submit_btn_cl.png" alt="submit_btn_cl" width="525" height="286"></a>
                        </p>
                        <span style="text-decoration: underline"><strong>Hide form after successfully submitted</strong></span> After success form submission if you want to hide the form from that page you just need to check this checkbox residing inside <code>Other Options</code>
                        <p class="doc_image">
                            <a href="assets/images/other_preference_hide_after_success.png" rel="lightbox"><img class="aligncenter size-full wp-image-1290" src="assets/images/other_preference_hide_after_success.png" alt="other_preference_hide_after_success" width="914" height="172"></a>
                        </p>This feature is usable in one or many ways if you want to add/show some content to a user after submission of the form the whole form acquired many spaces of the page unnecessarily even after no use as it was submitted. So you can hide it after submission and have a full page to utilize to put.
                        <br>
                        <br><span style="text-decoration: underline"><strong>Send Form Data internally to Custom URL (Webhook)</strong></span> ARForms provides another useful facility to post your form data at a custom URL after successful form submission. In another words, you can also say <i>Post form data to custom URL</i>.
                        <br>This option will let you enter the custom URL where you need to post form data after successful form submission. Here form data will be submitted to entered submitted URL with the POST method
                        <p class="doc_image">
                            <a href="assets/images/post_form_data_to_custom_url.png" rel="lightbox"><img class="aligncenter size-full wp-image-1290" src="assets/images/post_form_data_to_custom_url.png" alt="post_form_data_to_custom_url" width="877" height="652"></a>
                        </p>
                        <strong><em>Retrieve post data at custom URL - </em></strong>
                        <p>At your custom URL, each field values can be retrieved by <code>Field ID</code>. After saving the form, you will be able to get field id at edit field options popup header at form editor as shown below.</p>
                        <p class="doc_image">
                            <a href="assets/images/post_data_field_id.png" rel="lightbox"><img class="aligncenter size-full wp-image-1290" src="assets/images/post_data_field_id.png" alt="post_data_field_id" width="795" height="453"></a>
                        </p>
                        <span style="text-decoration: underline"><strong>Show confirmation (Summary):</strong></span>  ARForms provide another awesome feature which is very useful for your users to confirm their entered data before submit in your site or to display all submitted data after form submission successfully. For more detail regarding enable this action in your form <a class="panel" href="#show_confirmation_summary">click here.</a>
                        </div>
                </div>
                <div id="form_other_options">
                    <h1>Form Other Options</h1>
                        <div class="card">We provide other important and useful features that can be achieved in ARForms by selecting <code>Add/edit Form &gt; Other Options</code>. Here is described other options.<br>
                        <br><br>
                        <h2>General Options</h2><br>
                        <p>Various useful options that can be managed by General Options popup are mentioned below.</p>
                        <!-- reputelog incomplete entry start-->
                        <p class="doc_image">
                            <a href="assets/images/general_options.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/general_options.png" alt="General Options"></a>
                        </p><br/>
                        <span style="text-decoration: underline"><strong>Autosave form progress:</strong></span> Autosave form progress provides a facility to save form progress until the form is not submitted, save data typed by the user on their machine, so they can come back to the form later on, and will be able to continue the from. For More details <a class="panel" href="#save_partial_data">click here.</a><br>
                        <br/><span style="text-decoration: underline"><strong>Save partial form data:</strong></span> This option will store the partially filled form data to the database. You can track the partially filled the data from ARForms > Form Entries > Partially Filled Form entries section<sup class="new_listed">New</sup><br>
                        <!-- reputelog incomplete entry end -->
                        <br/><span style="text-decoration: underline"><strong>Prevent Duplicate Form Entries:</strong></span> We can prevent duplicate entries of any field of a form, ie. we can make any field unique moreover ARForms also facilitate with the built-in option of preventing duplication of <em>IP Address</em> and <em>Current Logged In User. </em>For More details <a class="panel" href="#prevent_duplicate_entries">click here.</a><br>
                        <br><span style="text-decoration: underline"><strong>Restrict Submission of a Form:</strong></span> These help in Restrict Form Entries using restriction methods provided by ARForms through which the user will be unable to see a form by showing a relevant message as mentioned by admin. There are various kinds of restrictions for form submission namely After Maximum Entries, Before and After Specified Date and between two dates. For more details <a class="panel" href="#restrict_form_sub">click here</a>
                        <br>
                        <br>
                        <span style="text-decoration: underline;"><strong>Prevent Storing Visitor Analytics Data:</strong></span> By default, ARForms will store visitor personal data like ip_address, country, etc for the purpose of visitor analytics. This option will prevent storing these data into the database. This will useful for European countries to prevent storing visitor personal data without informing them.
                        <br />
                        <br />
                        <span style="text-decoration: underline;"><strong>Don't store entry in database:</strong></span> After enabling this option, form entries data will not be stored in the database. If email notification is enabled then data will be sent through email. For more details <a class="panel" href="#skip_store_entry">click here</a>
                        <br>
                        <br>
                        <br>
                        <h2>Hidden Input Fields</h2><br>
                        <p>ARForms let you add a number of hidden fields in the form which are similar to single line text fields but do not show in the form and value is not entered from the front-end side.</p>
                        <p class="doc_image">
                            <a href="assets/images/form_hidden_input_fields.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/form_hidden_input_fields.png" alt="Hidden Input Fields"></a>
                        </p>
                        <p>Here you have the shortcodes listed which can be used to place in hidden field value which will be replaced by respective values in front-end.</p><br>
                        <p><b>[ARF_current_user_id]</b></p>
                        <p>Place this shortcode in hidden field value which will be replaced by user id of currently logged in user in front-end.</p>
                        <p><b>[ARF_current_user_name]</b></p>
                        <p>Place this shortcode in hidden field value which will be replaced by user name of currently logged in the user in front-end.</p>
                        <p><b>[ARF_current_user_email]</b></p>
                        <p>Place this shortcode in hidden field value which will be replaced by user email of currently logged in the user in front-end.</p>
                        <p><b>[ARF_current_date]</b></p>
                        <p>Place this shortcode in hidden field value which will be replaced by current date in front-end.</p>
                        <br><br>
                        <h2>Submit Tracking Script</h2><br>
                        <p>ARForms provides another useful feature to execute form submission tracking script from Submit Tracking Script popup <em>ie. you can add google tracking code here.</em></p>
                        <p>Here is the multi line text input between a pair of tag <code>&lt;script type="text/javascript"&gt;&lt;/script&gt;</code> (<em>Opening and closing tag</em>) where you can add your form submission tracking script.</p>
                        <p class="doc_image">
                            <a href="assets/images/form_submit_tracking_script.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/form_submit_tracking_script.png" alt="Form Submit Tracking Script" width="1059" height="615"></a>
                        </p>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, that it does not insert script tag (&lt;script&gt;) inside code.</em></p>
                        <br><br>
                        <h2>Export Form</h2><br>
                        <p>To export form structure is so easy now. Go to <code>Add/Edit Form &gt; Other Options</code> and click on <strong>Export Form</strong> you will get a Text File (.txt). This exported .txt file can be saved for future use.</p>
                        <p class="doc_image">
                            <a href="assets/images/form_editor_export_form.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/form_editor_export_form.png" alt="ARForms - Export Form" width="1182" height="610"></a>
                        </p>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please don't change the name of Exported .txt file, else you will be unable to import these files.</em></p>
                        <br><br>
                        
                    </div>
                </div>
                <div id="field_type_change">
                    <h1>Convert Field Type</h1>
                    <div class="card">
                        <p>ARForms provides a facility to change field type for existing fields in the form. This can be helpful if you have a big amount of entries in a particular form and you want to change the particular field type without losing the entry data for that field. </p>
                        <p>Go to <code>Add/Edit Form &gt; Other Options</code> and click on <strong>Convert Field Type</strong> you will get a popup where you need to select the current field that exists in the form and field type to convert.</p>
                        <p class="doc_image">
                            <a href="assets/images/form_editor_convert_field_type.png" rel="lightbox"><img class="size-medium wp-image-1572 aligncenter" src="assets/images/form_editor_convert_field_type.png" alt="ARForms - Convert Field Type" width="687" height="452"></a>
                        </p>
                        <p><strong>Note:</strong> <em>Field type you are converting to may have different field options so please check and do needful after changing the field type. Also, you need to verify all settings like email notification, conditional rule, payment gateways configuration, and other add-ons configuration after changing the field type.</em></p>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>This option will be available after saving form successfully.</em></p>
                    </div>
                </div>
                <div id="styling_opt">
                    <h1>Form Styling Options</h1>
                    <div class="card">We provide a wide variety of customization of a form So, users can achieve the style &amp; design which they had illustrated in there mind.
                        <br>
                        <br>
                        <h2>1.Basic Styling Options</h2>The ARForms exclusively provides <strong>three</strong> different form <strong>input styles</strong> namely <em><strong>Material Style Form, Rounded Style Form, and Standard Style</strong></em> <strong>Form</strong>. <em>The pre-defined color scheme</em> with which the whole form gets a unique manually selected color to forms different elements like input border, submit button, radio, checkbox, etc. <em>Font Option</em>, allows you to choose font family from predefined as well as Google fonts. You can also change <em>Font Size</em> and different <em>Font Style</em> too. Also, you can inherit the font family from the theme as well. <em> Form width settings </em>, through you can set form width. <em> Success/Error message position </em>,with the help of this option you can set success/error message position top and bottom of form. <em> Validation message style </em>, options provied two type mordern and stadard as well as position top,bottom,left,right. with the help of this option you can set field validation massage type as well as field validation message position.
                        <br>
                        <br>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>If you set 'Inherit from theme' for Font family, then the actual effect will be shown on front-end only.</em></p>
                        <p class="doc_image">
                            <a href="assets/images/basic_styling_options.png" rel="lightbox"><img class="aligncenter wp-image-1450 size-large" src="assets/images/basic_styling_options.png" alt="" width="525" height="286"></a> </p>
                        <h2>2. Advanced Form Options</h2> gives you a facility to show/hide Form Title and Description with another small styling option to Title &amp; Descriptions. Here you can change Form Alignment, background image, background image position, the opacity of a form, Border options and much more.
                        <br>
                        <p class="doc_image">
                            <a href="assets/images/advance_form_options_styling.png" rel="lightbox"><img class="aligncenter wp-image-1450 size-large" src="assets/images/advance_form_options_styling.png" alt="" width="525" height="286"></a> </p>
                        <p>with the help of <em>Form Padding</em>, options through you can set form padding style top,bottom,right and left. <em>Section padding</em>, with the help of this option you can set section field padding top,bottom,right and left.<em>Form Border</em> with this option through you can set form border shadow or flat and set form border size as well as border readius of form. <em> Windows opacity </em>, with the help of this option you can set form background color opacity. </p>
                        <h2>3.Field Level Styling</h2>As we know that fields of a form are its core part so ARForms gives a precise value to fields and hence loaded with many different <em>Field Level Styling Option</em> from here you can manage Styling of Fields' Label <strong>Field Label: </strong><em>Position of Label over the field (top) or left or right side of a field. Alignment of Label Left or Right. Label Width. </em>Further, you can also <em>Hide Labels.</em>
                        <p class="doc_image">
                            <a href="assets/images/input_field_options_styling.png" rel="lightbox"><img class="size-large wp-image-1449 aligncenter" src="assets/images/input_field_options_styling.png" alt="" width="525" height="318"></a>
                        </p><strong>Field Styling Options:</strong> Width of Field can be managed by you in Percent or Pixel as required Facility of <em><strong>RTL, </strong>users of ARForms can anytime change text direction from Right-to-Left or Left-to-Right. </em>More Field Styling options <em>transparent field, adjust the distance in between, Field inner spaces, Field Border styles, Date format for Date Field, Checkbox 'n' Radio Styles, adjust placeholder opacity, change tooltip position.</em>
                        <br>
                        <br>
                        <h2>4.Field Animation Options&nbsp;&nbsp;<sup class="new_listed">New</sup></h2>The ARForms exclusively provides form <strong>Field Animation Options</strong> which enables you to select an animation from a wide variety of more than <strong>70+ different animation styles</strong> and apply it to the form fields as your requirement.<br><br>
                        <strong>1.On Load Animation</strong><br>On Load Animation enables you to give an animation to the form fields everytime form is loaded. You can set the animation duration to specify the duration of animation and you can also set the animation delay to specify the time after which an animation starts.
                        <p class="doc_image">
                            <a href="assets/images/onload_animation_options.png" rel="lightbox"><img class="aligncenter wp-image-1298" src="assets/images/onload_animation_options.png" alt="onload_animation_options" width="483" height="318"></a>
                        </p>
                        <strong>2.Page Break Animation</strong><br><p>Page Break Animation enables you to give an animation to the form fields when you are moving from one step to another step through Next and Previous Button in multi-step forms. You can set the animation duration to specify the duration of animation and you can also set the animation delay to specify the time after which animation will starts.</p>
                        <p>Page Break Animation has one more option of <strong>Inherit Animation</strong> to Inherit the animation from <strong>On Load Animation<strong>.</p>
                        <p class="doc_image">
                            <a href="assets/images/page_break_animation_options.png" rel="lightbox"><img class="aligncenter wp-image-1298" src="assets/images/page_break_animation_options.png" alt="page_break_animation_options" width="483" height="318"></a>
                        </p>
                        <br>
                        <br>
                        <h2>5.Submit Button Styling</h2>Managing a Submit button style is easy with ARForms styling options, which has many pre-defined options to beautify, your submit button. You can change button Alignment, width, height, button text moreover you can add images to the submit button and much more.
                        <p class="doc_image">
                            <a href="assets/images/submit_btn_styling.png" rel="lightbox"><img class="aligncenter wp-image-1298" src="assets/images/submit_btn_styling.png" alt="submit_btn_styling" width="483" height="318"></a>
                        </p>
                        You can apply a shadow effect in the submit button by using button shadow settings.<sup class="new_listed">New</sup>
                        <p class="doc_image">
                            <a href="assets/images/btn_shadow_settings.png" rel="lightbox"><img class="aligncenter wp-image-1298" src="assets/images/btn_shadow_settings.png" alt="submit button shadow settings" width="483" height="418" style="width: 252px;height: 315px;"></a>
                        </p>
                        <h2>6.Error Validation Styling</h2>You can manage error validation font styling, message color, as well as message background color and you, also have two different ways in which you can display a validation message.
                        <p class="doc_image">
                            <a href="assets/images/validation_style.png" rel="lightbox"><img class="aligncenter wp-image-1448 size-large" src="assets/images/validation_style.png" alt="" width="525" height="286"></a>
                        </p><strong>Validation Message Style:</strong> Modern and Standard.<strong>Validation Message Position: </strong>Top, Left, Right, and Bottom.<strong> Validation Message Color: </strong>you can choose from an unlimited color option for a message and its background.<strong> Validation Font: </strong>From custom font option in styling tools which provides google font as well as some predefined fonts option and also font-size from there only.
                        <br>
                        <br>
                        <h2>7.Custom CSS</h2>If all options above are unable to meet your expectations then this option can help you out by providing you the customize CSS where users can write their styling code/CSS.
                        <br>
                        <br>
                        <h2>Reset Style</h2>Apart from all these for form styling tools, ARForms also provides <em><strong>RESET Button to remove all changes</strong></em> whatever you have <strong><em>set</em></strong> in<strong><em> Form Styling.</em></strong>
                        <br><b><i><strong><em><span style="text-decoration: underline">Note:</span> After saving the form, Reset Button can't help you out roll-backing your styling.</em></strong></i></b>
                        <p class="doc_image">
                            <a href="assets/images/reset_style_opt.png" rel="lightbox"><img class="aligncenter wp-image-1296" src="assets/images/reset_style_opt.png" alt="reset_style_opt" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="optins_email">
                    <h1>Opt-ins : Integrate Email Marketing Tools</h1>
                    <div class="card">
                        <p>ARForms supports inbuilt 13 email marketing tools. Email marketing is popular with companies as it is a significantly cheaper and faster way to be in the market by sending emails to your users.</p>
                        <ul>
                            <li>AWeber</li>
                            <li>MailChimp</li>
                            <li>GetResponse</li>
                            <li>iContact</li>
                            <li>Constant Contact</li>
                            <li>GVO</li>
                            <li>eBizAC.Com</li>
                            <li>Madmimi <sup class="new_listed">New</sup></li>
                            <li>MailerLite <sup class="new_listed">New</sup></li>
                            <li>ActiveCampaign <sup class="new_listed">New</sup></li>
                            <li>Zapier <sup class="new_listed">New</sup></li>
							<li>Sendinblue <sup class="new_listed">New</sup></li>
                            <li>HubSpot <sup class="new_listed">New</sup></li>
                            <li>ConvertKit <sup class="new_listed">New</sup></li>
                            <li>Drip <sup class="new_listed">New</sup></li>
                        </ul>By using this, your mailing lists will be kept up-to-date automatically when users submit a form. It is an efficient way to <strong>grow your mailing list</strong>.<strong> <em>Let us discuss, how you can configure Email Marketing Tools with any form? </em></strong>From this option of <strong><code>Opt-ins</code></strong>, you can integrate these tools through API method or Web form method.
                        <p class="doc_image">
                            <a href="assets/images/marketing_tool_editor.png" rel="lightbox"><img class="aligncenter size-large wp-image-1287" src="assets/images/marketing_tool_editor.png" alt="marketing_tool_editor" width="525" height="286"></a>
                        </p><strong>Steps to configure Marketing Tools with any form</strong>
                        <ul class="changelog_ul" style="list-style-type: lower-roman">
                            <li style="text-align: left">Firstly you have to configure it in <code>Global Settings &gt; Email Marketing</code> Tool tab. <a class="panel" href="#config_email_mark">more details</a></li>
                            <li style="text-align: left">After that to use it in a form you have to configure the required plugin inside the Opt-ins toolbar, where you will find a list of Marketing Tools.</li>
                            <li style="text-align: left">Map form field which you need with your Marketing Tool.</li>
                            <li style="text-align: left">Now you just need to switch enable the required marketing tool, you can enable as many as marketing tools you want for a single form. Here you have to partially configured your Marketing Tools. Here you have to select a list of contact for that marketing tools which derived from API or Web form method you entered in Global Setting.</li>
                            <li style="text-align: left">ARForms also provides a Conditional Subscription for Marketing Tools. <em>For Example, if you want to add a user to MailChimp only if they have Email Address of Gmail, </em>Condition over Marketing tool is illustrated below.
                                <p class="doc_image">
                                    <a href="assets/images/marketing_tool_cl.png" rel="lightbox"><img class="aligncenter size-full wp-image-1288" src="assets/images/marketing_tool_cl.png" alt="marketing_tool_cl" width="525" height="286"></a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="spam_protect_forms">
                    <h1>SPAM PROTECTED FORMS</h1>
                    <div class="card">New ARForms has been loaded with a Powerful built-in captcha mechanism.
                        <br>
                        <br>ARForms protect your form with an inbuilt spam protection method which prevents spamming of entries and this built-in captcha is that much powerful that you don't even need to add Google ReCaptcha to your form OR don't need to use any other captcha.
                        <br/><br/>
                        <h3>Disable Hidden Captcha<sup class="new_listed">New</sup></h3> This option is available in <code>General Settings > Other Settings</code> by checking this option, you can disable hidden captcha.
                        <p class="doc_image">
                            <a href="assets/images/disable_hidden_captcha.png" rel="lightbox"><img class="aligncenter size-full wp-image-1289" src="assets/images/disable_hidden_captcha.png" alt="ARForms Disable Hidden Captcha" width="530" height="250" style="height: 250px;width: 530px"></a>
                        </p>
                    </div>
                </div>
                <div id="save_partial_data">
                    <h1>Auto save partial form data</h1>
                    <div class="card">While filling the form if there is any interruption due to which form gets abandoned without submitting it, then this will retrieve all form data when you again start fill that form. To use this functionality in any form you just need to check this checkbox residing inside <code>Other Options > General options</code>.
                        <p class="doc_image">
                            <a href="assets/images/other_preference_save_partial_data.png" rel="lightbox"><img class="aligncenter size-full wp-image-1289" src="assets/images/other_preference_save_partial_data.png" alt="other_preference_save_partial_data" width="530" height="250" style="height: 250px;width: 530px"></a>
                        </p>There are many reasons a user might abandon your form. A question could be confusing, or you may have included too many fields. ARForms Save Partial Form data feature captures real-time form data even if those forms are never submitted. You can even reach out to lost leads and get a second chance to connect and fill the form.
                        <br>
                        <br><b><span style="color:red">Note: this is browser-specific, will not work in private browsing.</span></b></div>
                </div>
                <div id="skip_store_entry">
                    <h1>Don't store entry in database<sup class="new_listed">New</sup></h1>
                    <div class="card">If you enable this option, form entries will not be stored in the database hence the entries will not be displayed in the form entries section. If email notification is enabled then data will be sent through email.
                        <p class="doc_image">
                            <a href="assets/images/skip_storing_data_entry.png" rel="lightbox"><img class="aligncenter size-full wp-image-1307" src="assets/images/skip_storing_data_entry.png" alt="ARForms Skip Storing Form entry" width="901" height="681"></a>
                        </p>
                        <p><strong>Note:</strong> <em>If any of the form fields are mapped with any ARForms add-on then this feature will not work.</em></p></div>
                </div>
                <div id="populate_form">
                    <h1>Pre Populated Forms</h1>
                    <div class="card">ARForms provide a facility to pre-populate form fields or you can also say as setting a default value, with ARForms is very easy to make any form Pre Populate just by adding query string to URL of your form. Let's see these in some brief with an example, to populate a form field like '<em>City'</em> and you want to populate that field as '<em>New York</em>' then you have to add a query string to your URL, this query string follows a pattern like <em><strong>"item_meta[</strong>{field_id}<strong>] = </strong>{reuired data to add}<b>"</b>.</em>
                        <p class="doc_image">
                            <a href="assets/images/pre_populate.png" rel="lightbox"><img class="size-medium wp-image-1554 aligncenter" src="assets/images/pre_populate.png" alt="" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="populate_popup_form">
                    <h1>Pre Populated Popup Forms</h1>
                    <div class="card">
                        ARForms provides a facility to pre-populate popup form fields. You can achieve it without using the query string to the URL of your form.
                        <br><br>Let's see in detail with an example.<br><br>
                        For example, you have a field labeled as '<em>City</em>' and you want this field populated as '<em>New York</em>' in your modal(popup) form then you just need to add one more parameter in the shortcode for ARForms popup which is <em><strong>preset_data</strong></em>.
                        <br/><br/>Following is a pattern to pre-populate specific field in a popup,<br><br>
                        <pre>preset_data="item_meta_{FIELD_ID}||{VALUE}"</pre>
                        <code>FIELD_ID</code> - replace this with your specific form field id.
                        <br><code>VALUE</code> - replace this with value for specific form field you want to populate with.
                        <br/><br/>Now your shortcode will be like,<br><br>
                        <em><strong>[ARForms_popup id=123 desc='Click here to open Form' type='link' width='800' modaleffect='fade_in'  is_fullscreen='no' overlay='0.6' is_close_link='yes' modal_bgcolor='#000000' preset_data="item_meta_1000||New York"]</strong></em><br>
                        <hr>
                        <h3>Pre Populate Multiple Fields</h3>
                        <p>You can pre-populate multiple fields of your form in popup using <code><strong>~!~</strong></code> separator.</p>
                        <p>Following is a pattern to prepopulate specific field in popup,</p>
                        <pre>preset_data="item_meta_1000||New York<strong>~!~</strong>item_meta_1001||USA"</pre>
                        <hr>
                        <h3>Pre Populate Checkbox Fields</h3>
                        You can prepopulate the checkbox field too. To check multiple options of your checkbox field in the popup you need to add values using <code><strong>^!^</strong></code> separator just like following,
                        <br/><br/>
                        <pre>preset_data="item_meta_1002||opt1^!^opt2^!^opt3~!~item_meta_1003||{VALUE}"</pre>
                    </div>
                </div>

                <div id="populate_user_data">
                    <h1>Pre Populated Userdata</h1>
                    <div class="card">
                        <h3>[arf_current_user_detail field="USER_META_KEY"]</h3>
                        <br>
                        <p>Place this shortcode in any fields like single-line text, multi-line text, Email, Number, etc.. which will be replaced by the value of entered user meta key of currently logged in user in front-end, if a user is not logged in or meta key is not available then it will be replaced with a blank.</p>
                        <p><code>USER_META_KEY</code> - Enter user meta key here like <strong>user_login, user_email</strong>.</p>
                        <div class="example">
                            <h5>For Example</h5><pre>[arf_current_user_detail field="user_email"] <br><br>will return user's email address like,<br><br>user@mail.com</pre>
                        </div>
                        <br><b><span style="color:red">Note: This will work for logged in users only. Otherwise, values will be replaced with blank.</span></b><br>
                        <br><p>You can now pre-populate BuddyPress extended profile data as default value. You just need to use the BuddyPress Profile field label name in the <code>field</code> attribute.</p>
                        <b><span style="color:red">Note: To use this feature, BuddyPress should be installed and activated. Otherwise, values will be replaced with blank. If multiple BuddyPress fields has the same name, then the first field value will be set as the field value.</span></b>
                        <br>
                    </div>
                </div>

                <div id="populate_field_value_html">
                    <h1>Populate Field values in html</h1>
                    <div class="card">
                        <p>You can use {field_id:1234} in html content to display the value of the field of given id. 1234 should be replaced with the actual field id.</p>

                        <p class="doc_image">
                            <a href="assets/images/fields_value_html.png" rel="lightbox"><img class="aligncenter size-large wp-image-1361" src="assets/images/fields_value_html.png" alt="Gutenberg Support" width="525" height="286"></a>
                        </p>

                        <p>You can find other fields id from form options popup.</p>

                        <p>Curretly only limited fields are available for this facility.</p>

                        <p>List of supported fields for this facility</p>
                        <ul class="changelog_ul" style="list-style-type: lower-roman">
                            <li style="text-align: left">Single Line</li>
                            <li style="text-align: left">Multiline</li>
                            <li style="text-align: left">Number</li>
                            <li style="text-align: left">Phone</li>
                            <li style="text-align: left">Website/URL</li>
                            <li style="text-align: left">Email ( Not confirm email )</li>
                            <li style="text-align: left">Password ( Not Confirm Password )</li>
                        </ul>

                        <b><span style="color:red">Note: Repeater field values are not display in html field.</span></b>
                    </div>
                </div>

                <div id="style_to_display_form">
                    <h1>Styles to display a forms</h1>
                    <div class="card">
                        <p>ARForms gives awesome ways to display forms on a page or a post, this different ways of displaying form have been achieved by displaying form in popup with various types of animations, buttons, the position of button to open a form and much more.</p><b>Let's see all these in details,</b>
                        <br>
                        <ol class="addon_list_li">
                            <li>
                                <p><b>Link</b></p>
                                <p class="doc_image">
                                    <a href="assets/images/linke_type_shortcode.png" rel="lightbox"><img class="aligncenter wp-image-1347" src="assets/images/linke_type_shortcode.png" alt="stistyle" width="525" height="286"></a>
                                </p><code>[ARForms_popup id={form_id} desc='{caption of a link}' type='link' height='auto' width='800' overlay='0.6' is_close_link='yes' modal_bgcolor='#000000' modaleffect='fade_in' is_fullscreen='no'].</code></li>
                            <br>
                            <br>
                            <li><b><p>Button</p></b>
                                <p class="doc_image">
                                    <a href="assets/images/button_type_shortcode.png" rel="lightbox"><img class="aligncenter wp-image-1347" src="assets/images/button_type_shortcode.png" alt="stistyle" width="525" height="286"></a>
                                </p><code>[ARForms_popup id={form_id} desc='Click here to open Form' type='button' height='auto' width='800' overlay='0.6' is_close_link='yes' bgcolor='#808080' txtcolor='#FFFFFF' modal_bgcolor='#000000' modaleffect='fade_in' is_fullscreen='no'].</code></li>
                            <br>
                            <br>
                            <li><b><p>Image</p></b>
                                <p class="doc_image">
                                     <a href="assets/images/image_popup_form.png" rel="lightbox"><img class="aligncenter wp-image-1347" src="assets/images/image_popup_form.png" alt="stistyle" width="525" height="286"></a>
                                </p><code> [ARForms_popup id=689 desc='Click here to open Form' type='image' width='800' modaleffect='fade_in' is_fullscreen='no' overlay='0.6' is_close_link='yes' arf_img_url='https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&w=1000&q=80' arf_img_height='200' arf_img_width='200' bgcolor='#808080' txtcolor='#FFFFFF' modal_bgcolor='#000000' hide_popup_for_loggedin_user='no']</code>
                            </li>
                            <li><b><p>Sticky</p></b>
                                <p class="doc_image">
                                    <a href="assets/images/sticky_style.png" rel="lightbox"><img class="aligncenter wp-image-1347" src="assets/images/sticky_style.png" alt="stistyle" width="525" height="286"></a>
                                </p><code>[ARForms_popup id={form_id} desc='Customize Text on From Button' type='sticky' position='bottom' height='auto' width='800' bgcolor='#1bbae1' txtcolor='#1119FF' ].</code></li>
                            <br>
                            <br>
                            <li>
                                <p><b>FLY</b></p>
                                <p class="doc_image">
                                    <a href="assets/images/fly_type_shortcode.png" rel="lightbox"><img class="aligncenter wp-image-1347" src="assets/images/fly_type_shortcode.png" alt="stistyle" width="525" height="286"></a>
                                </p><code>[ARForms_popup id={form_id} desc='Click here to open Form' type='fly' position='left' height='auto' width='800' angle='0' bgcolor='#2d6dae' txtcolor='#FFFFFF'].</code></li>
                            <br>
                            <br>
                            <li>
                                <p><b>On Page Load</b></p><code>[ARForms_popup id={form_id} type='onload' height='auto' width='800' on_delay='0' overlay='0.6' is_close_link='yes' modal_bgcolor='#000000' modaleffect='fade_in' is_fullscreen='no']</code></li>
                            <br>
                            <br>
                            <li>
                                <p><b>On Page Scroll</b></p><code>[ARForms_popup id={form_id} type='scroll' height='auto' width='800' modaleffect='fade_in' is_fullscreen='no' on_scroll='10' overlay='0.6' is_close_link='yes' modal_bgcolor='#000000' ]</code></li>
                            <br>
                            <br>
                            <li>
                                <p><b>On Timer(Scheduled)</b></p><code>[ARForms_popup id={form_id} on_delay='0' type='timer' height='auto' width='800' modaleffect='fade_in' is_fullscreen='no' overlay='0.6' is_close_link='yes' bgcolor='#FFFFFF' txtcolor='#FFFFFF' modal_bgcolor='#000000']</code></li>
                            <br>
                            <br>
                            <li>
                                <p><b>On Exit(Exit Intent)</b></p><code>[ARForms_popup id={form_id} type='on_exit' height='auto' width='800' modaleffect='fade_in' is_fullscreen='no' is_close_link='yes' modal_bgcolor='#000000' ]</code></li>
                            <br>
                            <br>
                             <li>
                                <p><b>On Idle</b></p><code>[ARForms_popup id={form_id} type='on_idle' height='auto' width='800' modaleffect='fade_in' is_fullscreen='no' inactive_min='1' overlay='0.6' is_close_link='yes' bgcolor='#FFFFFF' txtcolor='#FFFFFF' modal_bgcolor='#000000']</code></li>

                        </ol>
                    </div>
                </div>
                <div id="shortcodes">
                    <h1>Shortcode</h1>
                    <div class="card">
                        <p>ARForms provide several ways to add your form anywhere on your site in an easy way. You can add the form to page, post, widget, text, widget as well as in template by just simply insert the shortcode.</p><b><i>Let's see simple ARForms shortcode that adds Form as the content of a page.</i></b>
                        <br>
                        <br>
                        <h2>Using Shortcode Insert&#xA0; a Form into page/post</h2><code>[ARForms id={form_id}]</code>
                        <br>ARForms allow
                        <br><strong>a)</strong> go to "Add New" from the "Pages" menu. Or "Add New" from the "Posts" menu.
                        <br><strong>b)</strong> Add page / post title.
                        <br><strong>c)</strong> You can see the ARForms icon near the "Add Media" button above the editor. By clicking on that icon you will able to see a popup.
                        <br>
                        <p class="doc_image">
                            <a href="assets/images/shortcode_popup.png" data-lightbox="shortcode_popup"><img class="aligncenter size-full wp-image-1344" src="assets/images/shortcode_popup.png" alt="shortcode_popup" width="525" height="286"></a>
                        </p><strong>d)</strong> From that popup, you can select the form from the drop-down which you wish to add to that page. Also, you can select how you want to add this form to a page. That means whether you want to add form in the page itself (Normal Form) or want to open in a popup window.</div>
                </div>
                <div id="arf_gutenberg">
                    <h1>ARForms with Gutenberg</h1>
                    <div class="card">
                        <p>ARForms supports WordPress Gutenberg. If your WordPress version is 5.0 or higher and using WordPress Gutenberg page editor then you have ARForms block to add easily in page from Common Blocks. When you click on ARForms block you will see the same popup as in classic editor from where you can select the form and other options of including a form on your page.</p>
                        <p class="doc_image">
                            <a href="assets/images/gutenberg_support.png" rel="lightbox"><img class="aligncenter size-large wp-image-1361" src="assets/images/gutenberg_support.png" alt="Gutenberg Support" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="arf_vc">
                    <h1>ARForms with Visual Composer</h1>
                    <div class="card">
                        <h2>Embedding Form with Visual Composer</h2>ARForms exclusively add Element in Visual Composer Page Builder, which facilitates to add form in a page just like an element. Even ARForms give predefined styles to display a form.
                        <p class="doc_image">
                            <a href="assets/images/visula_composer_add_element.png" rel="lightbox"><img class="aligncenter size-large wp-image-1361" src="assets/images/visula_composer_add_element.png" alt="visula_composer_add_element" width="525" height="286"></a>
                        </p> With Visual Composer&#xA0;page can be&#xA0;built using Classic Mode or Frontend Editor, unlike both these ARForms have a common method in both to add form. Let us understand step-wise how to add a form using Visual Composer.
                        <ol>
                            <li>Select Classic or Frontend Editor with which you want to build a page.</li>
                            <li>After that click on <code>Add Element</code> and you will see a popup with numerous elements, you need to<code>&#xA0;click on&#xA0;ARForms icon</code>.</li>
                            <li>On click ARForms icon you will get a popup window as shown below, to select the required form and style to display that form on a page.</li>
                        </ol>
                        <p class="doc_image">
                            <a href="assets/images/visula_composer_add_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1362" src="assets/images/visula_composer_add_form.png" alt="visula_composer_add_form" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="arf_cs">
                    <h1>ARForms with Cornerstone</h1>
                    <div class="card">
                        <h2>Embedding Form with Cornerstone</h2>
                        <p>ARForms exclusively equipped&#xA0;as an Element in Cornerstone&#xA0;Page Builder, these facilitate to add form in a page just like an element. Even ARForms gives many options/styles to display a form &amp; various style <em>(as discussed in Style to Display a form sections)</em></p>.
                        <p class="doc_image">
                            <a href="assets/images/cornerstone.png" rel="lightbox"><img class="aligncenter size-large wp-image-1350" src="assets/images/cornerstone.png" alt="cornerstone" width="525" height="286"></a>
                        </p><i><b>Let us see illustration and understand each step :</b></i>
                        <br>
                        <ol>
                            <li>You need to add an element of ARForms in any row/column of a page.</li>
                            <li>Then clicking on the element icon placed in a page you will get a list of an option of ARForms in the sidebar.</li>
                            <li>The List of Arguments listed under ARForms allows you to select Form you want in a page as well as the styling of that form, link types and much more.</li>
                            <li>After selection of Form and required arguments you just need to save the setting and all done.</li>
                        </ol>
                    </div>
                </div>
                <div id="arf_elementor">
                    <h1>ARForms with Elementor</h1>
                    <div class="card">
                        <h2>Embedding Form with Elementor</h2>ARForms exclusively add Element in <strong>Elementor Page Builder</strong>, which facilitates to add form in a page just like an element. When you edit your page with Elementor you will have ARForms widget with general elements of Elementor.
                        <p class="doc_image">
                            <a href="assets/images/elementor.png" rel="lightbox"><img class="aligncenter size-large wp-image-1350" src="assets/images/elementor.png" alt="ARForms with Elementor"></a>
                        </p>
                        <i><b>Let us see illustration and understand each step :</b></i>
                        <br>
                        <ol>
                            <li>You need to drag and drop the ARForms element in any row/column of the Elementor section on a page.</li>
                            <li>You will have <strong>ARForms Shortcode</strong> block in the Elementor sidebar from where you can select/change form from your saved forms in ARForms.</li>
                            <li>You can also change the form type whether you want <code>Internal</code> form in a page or <code>Modal(popup) Window</code>. Other styling and settings options will be available on select Modal(popup) Window form type. </li>
                            <li>After complete the selection of form and changes of styling and settings you just need to save by click on the <strong>PUBLISH/UPDATE</strong> button and all done.</li>
                        </ol>
                        <p class="doc_image">
                            <a href="assets/images/elementor_arforms_shortcode.png" rel="lightbox"><img class="aligncenter size-large wp-image-1350" src="assets/images/elementor_arforms_shortcode.png" alt="ARForms Shortcode with Elementor"></a>
                        </p>
                    </div>
                </div>
                <div id="arf_widget">
                    <h1>ARForms in Widget</h1>
                    <div class="card">
                        <p><b>ARForms Widget With Wordpress Classic Editor</b></p>
                        <p>With ARForms, you can display your form not only from page or post but also in a sidebar of your website pages. ARForms has a ready widget that you need to just drag into a sidebar and you are ready to publish your form !!.</p>
                        <p class="doc_image">
                            <a href="assets/images/arform_in_widget.png" rel="lightbox"><img class="aligncenter size-large wp-image-1354" src="assets/images/arform_in_widget.png" alt="arform_in_widget" width="525" height="286"></a>
                        </p>
                        <ol>
                            <li>go to "Appearance" =&gt; "widgets" from admin panel.</li>
                            <li>You will find the "ARForms Form" widget in the widget list.</li>
                            <li>Drag that widget into any sidebar.</li>
                            <li>Give the title of the widget, select the form you wish to display and its relevant options in a sidebar and click on the "Save" button.</li>
                            <li>You can Enable/Disable multicolumn in the form in the widget by check/uncheck Disable Multicolumn in Form option.<sup class="new_listed">New</sup></li>
                        </ol>
                        <p class="doc_image">
                            <a href="assets/images/widget_seting_2.png" rel="lightbox"><img class="aligncenter wp-image-1355" src="assets/images/widget_seting_2.png" alt="widget_seting_2" width="525" height="286"></a>
                        </p>Here, also you can give all possible styles to your form that will reside as a widget on our page.<br><br>
                        <p><b>ARForms Widget With Wordpress Gutenberg Editor<sup class="new_listed">New</sup></b></p>
                        <p>As Wordpress has updated its default editor from classic editor to gutenberg editor in widgets area from v5.8.0, ARForms has also updated its widget to make it compatible with both classic editor and gutenberg editor.</p>
                        <p class="doc_image">
                            <a href="assets/images/arform_in_gutenberg_widget.png" rel="lightbox"><img class="aligncenter size-large wp-image-1354" src="assets/images/arform_in_gutenberg_widget.png" alt="arform_in_gutenberg_widget" width="525" height="286"></a>
                        </p>
                        <ol>
                            <li>go to "Appearance" =&gt; "widgets" from admin panel.</li>
                            <li>Click on &#43; button to add new widget in any widgets area like sidebar, footer, etc..</li>
                            <li>Search for "ARForms Form" and You will find the "ARForms Form" widget in the widget list.</li>
                            <li>Click on the "ARForms Forms" widget to add it</li>
                            <li>Click on Update button at top right corner of the widgets panel.</li>
                            <li>You can Enable/Disable multicolumn in the form in the widget by check/uncheck Disable Multicolumn in Form option.<sup class="new_listed">New</sup></li>
                        </ol>
                        <p class="doc_image">
                            <a href="assets/images/widget_seting_3.png" rel="lightbox"><img class="aligncenter wp-image-1355" src="assets/images/widget_seting_3.png" alt="widget_seting_3" width="525" height="286"></a>
                        </p>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><strong>Note:</strong> ARForms Legacy Widget for will not be available if block editor is enabled for widget. ARForms Block Widget has been introduced for the new WordPress Block Editor for Widget</p>
                    </div>
                </div>
                <div id="arf_navmenu">
                    <h1>ARForms in Navigation Menu</h1>
                    <div class="card">ARForms provides a link to form in Navigation Menu, but this is totally dependent on the theme as there must have <code>'WordPress navigation core hooks' </code>provided in<code>&#xA0;</code>the theme. These provide support in many popular themes like Avada, Dante, xtheme, etc.
                        <p class="doc_image">
                            <a href="assets/images/nav_link.png" rel="lightbox"><img class="aligncenter wp-image-1359" src="assets/images/nav_link.png" alt="nav_link" width="471" height="333"></a>
                        </p>You can change the label of Navigation Link which will be seen on Menu Bar, apart from these all form under these open as popup you can just customize few arguments only like <code>is_close_link, modal_bg_color, on_delay,</code> etc</div>
                </div>
                <div id="arf_template_shrtcd">
                    <h1>ARForms in Theme Templates</h1>
                    <div class="card">
                        <div>ARForms provide such a facility that you can use any form directly into your theme templates by just using the functions mentioned below.</div>
                        <div></div><code>" get_form_shortcode() " and by using different arguments in this function you can achieve different views &amp; styles to display a form.</code>
                        <br>
                        <br><b><p>Normal View</p></b><i>&lt;?php echo $maincontroller-&gt;get_form_shortcode(array('id' =&gt; {<em>form_id</em>})); ?&gt;</i>
                        <br>
                        <br><b><p>Pop-up View</p></b><i>&lt;?php echo $maincontroller-&gt;get_form_shortcode_popup(array('id' =&gt; {<em>form_id</em>}, 'desc'=&gt;'Click here to open Form', 'type'=&gt;'link', 'height'=&gt;'auto', 'width'=&gt;'800'));?&gt;</i>
                        <br>
                        <br><b><p>Fly View</p></b><i>&lt;?php echo $maincontroller-&gt;get_form_shortcode_popup(array('id' =&gt; {<em>form_id</em>}, 'desc'=&gt;'Click here to open Form', 'type'=&gt;'fly', 'position'=&gt;'left', 'height'=&gt;'auto', 'width'=&gt;'800', 'bgcolor'=&gt;'#2d6dae', 'txtcolor'=&gt;'#ffffff'));?&gt;</i>
                        <br>
                        <br><b><p>Sticky view</p></b><i>&lt;?php echo $maincontroller-&gt;get_form_shortcode_popup(array('id' =&gt; {<em>form_id</em>}, 'desc'=&gt;'Click here to open Form', 'type'=&gt;'sticky', 'position'=&gt;'top', 'height'=&gt;'auto', 'width'=&gt;'800', 'bgcolor'=&gt;'#93979d', 'txtcolor'=&gt;'#ffffff'));?&gt;</i></div>
                </div>
                <div id="arf_site_wide_popup">
                    <h1>Site Wide Popup</h1>
                    <div class="card">
                        ARForms introduce the best and unique feature which is <strong>Site wide popup</strong>. You may want to show modal forms like subscription form, contact form in your site at all/specific pages or posts. You can that modal forms easily in ARForms.
                        <p class="doc_image">
                            <a href="assets/images/manage_site_wide_popup.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/manage_site_wide_popup.png" alt="ARForms Manage Site Wide Popup"></a>
                        </p>
                        Please go to the Site-wide Popup page from <code>ARForms &gt; Site-wide Popup</code>. Here you can manage all your site-wide popups. On hover on any record of you will get action buttons visible like edit/duplicate/delete popup and Analytics.
                        <br><br>
                        Click on <code>Add new site-wide popup</code> button to add new site-wide popup for your saved forms in ARForms. You will get a popup visible as you can see in the following screenshot.
                        <p class="doc_image">
                            <a href="assets/images/site_wide_popup.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/site_wide_popup.png" alt="ARForms Site Wide Popup"></a>
                        </p>
                        Now here you need to select a form of ARForms for which you want to display popup in your site. You can see other options are there to enable/disable which are following,
                        <br/><br/>
                        <ul>
                            <li>Display form popup on all posts</li>
                            <li>Display form popup on all pages</li>
                            <li>Hide the form popup on the Archive page</li>
                            <li>Hide the form popup on 404 page</li>
                            <li>Hide the form popup on Frontpage</li>
                            <li>Hide the form popup on Search Result page</li>
                            <li>Hide the form popup on Logged in user</li>
                        </ul>
                        <br>
                        When you enable <strong>Display form popup on all posts/pages</strong> you will have other options visible like <code>Modal Trigger Type</code>, <code>Caption</code>, <code>Click Types(Sticky/Fly)</code>, <code>Size(in px)</code>, <code>Colors</code>, <code>Link Position</code>.
                        <br><br>
                        You may need some pages/posts to exclude from displaying your popup. For that, there is an option for <code>Exclude Page/Post</code>. Here is an auto-complete input where you can search your pages/posts and add multiple pages/posts.
                        <p class="doc_image">
                            <a href="assets/images/site_wide_popup_options.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/site_wide_popup_options.png" alt="ARForms Site Wide Popup Options"></a>
                        </p>
                        After complete save your settings for the popup and its done.<br/><br/>
                        <p><strong>Note:</strong> <em>Form popup should be displayed once per session (except on click trigger type form popup).</em></p>
                        
                    </div>
                </div>
                <div id="mng_entry">
                    <h1>Manage Entries</h1>
                    <div class="card">
                        <h2> Form Entries Data </h2>ARForms allow you to view each entry of a particular form. It will show you all the details which reside within a form. Even you can hide fields from the list which you want. To get a list of entries goto <em><code>Form Entries</code> </em>page. You can also view entries of any form from the <code>Manage Form &gt; Form Entry icon.</code>
                        <p class="doc_image">
                            <a href="assets/images/form_entry_formlist.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/form_entry_formlist.png" alt="form_entry_formlist" width="580" height="100" style="height: 100px !important;width: 580px !important;"></a>
                        </p>You can perform bulk actions to delete entries, and also on export entries.
                        <br>
                        <br>
                        <h2>Filtering Entries</h2>Submissions can be filtered by date as well as a search query.
                        <p class="doc_image">
                            <a href="assets/images/entry_list.png" rel="lightbox"><img class="aligncenter wp-image-1365 size-large" src="assets/images/entry_list.png" alt="entry_list" width="525" height="286"></a>
                        </p>
                        <ol>
                            <li>To search entries you must<em> select</em> the <em>form</em> for which you want entries,<em> it's compulsory</em>.</li>
                            <li>To search in a<em> date range</em>, enter your beginning and ending dates in the filter.</li>
                            <li>You can also <em>search</em> entries by any keyword <em>from the entry list</em>.</li>
                            <li>Even you can <em>hide fields from the list</em> which you want, you can select a field as illustrated below.</li>
                        </ol>
                        <p class="doc_image">
                            <a href="assets/images/entry_column.png" rel="lightbox"><img class="aligncenter wp-image-1366 size-large" src="assets/images/entry_column.png" alt="entry_column" width="525" height="286"></a>
                        </p>
                        <h2> Editing and Deleting Entries </h2>Apart from Searching &amp; Viewing entries ARForms also gives facility to Edit as well as Delete an entry. Deleting of entry can be done for more than one entry at a time by using <em>Bulk Action - delete.</em> To perform<em><strong> edit operation</strong></em> you first need to click on eye symbol appears on hover of that particular entry or row of a table, on click that icon a popup of entry will be visible where you can edit any data just by clicking on entry data. In this view entry model you can easily navigate to next or previous entry by just clicking on Next Entry or Previous Entry button at the bottom of the model.
                        <p class="doc_image">
                            <a href="assets/images/edit_entries.png" rel="lightbox"><img class="aligncenter size-large wp-image-1369" src="assets/images/edit_entries.png" alt="edit_entries" width="525" height="286"></a>
                        </p>For file upload field if you have files uploaded then on hover on that you will get icon visible to delete your uploaded file in particular entry.<br><br>
                        While <em><strong>deletion of entries</strong></em> can be performed on multi as well as a single entry, to delete any one entry you just need to click on the <em>trash&#xA0;</em>icon a confirmation popup will appear which on confirms delete that entry permanently. Another way to <em><strong>delete entries is by selection</strong> </em>entry by checkbox, after that goto <em><strong>Bulk Action</strong></em> combo and <em><strong>select delete</strong></em>, then you will get confirmation popup which deletes all selected entries permanently on your confirmation.
                        <p class="doc_image">
                            <a href="assets/images/delete_entry.png" rel="lightbox"><img class="aligncenter size-large wp-image-1370" src="assets/images/delete_entry.png" alt="delete_entry" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="mng_incompete_entry">
                    <h1>Manage Incomplete Entries</h1>
                    <div class="card">
                        <h2>Partial Filled Form Entries<sup class="new_listed">New</sup></h2> ARForms allow you to view the incomplete entry of a particular form. It will show you all the details which reside within a form. Even you can hide fields from the list which you want. To get a list of Partial filled form entries goto <em><code>Form Entries</code> </em>page.
                        <p class="doc_image">
                            <a href="assets/images/incomplete_entries.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/incomplete_entries.png" alt="ARForms Incomplete Entries List" width="580" height="100" style="height: 220px !important;width: 580px !important;"></a>
                        
                        <br>
                        <br>
                        <h2>Filtering Partial Filled Form Entries</h2>Incomplete submissions can be filtered by date as well as a search query.
                        <p class="doc_image">
                            <a href="assets/images/incomplete_entries_search.png" rel="lightbox"><img class="aligncenter wp-image-1365 size-large" src="assets/images/incomplete_entries_search.png" alt="ARForms Search Incomplete Entries" width="525" height="286"></a>
                        </p>
                        <ol>
                            <li>To search entries you must<em> select</em> the <em>form</em> for which you want incomplete entries,<em> it's mandatory</em>.</li>
                            <li>To search in a<em> date range</em>, enter your beginning and ending dates in the filter.</li>
                            <li>You can also <em>search</em> for incomplete entries by any keyword <em>from the incomplete entry list</em>.</li>
                            <li> Even you can <em>hide fields from the list</em> which you want, you can select field as illustrated below.</li>
                        </ol>
                        <p class="doc_image">
                            <a href="assets/images/entry_column.png" rel="lightbox"><img class="aligncenter wp-image-1366 size-large" src="assets/images/entry_column.png" alt="entry_column" width="525" height="286"></a>
                        </p>
                        <em><strong>Move to Entries List</strong></em> by click this icon you can move incomplete entries into form Entries list.
                        <p class="doc_image">
                            <a href="assets/images/incomplete_entries_list.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/incomplete_entries_list.png" alt="ARForms Move to Entries list" width="580" height="100" style="height: 220px !important;width: 580px !important;"></a><br/><br/>
                        <em><strong>Deletion of incomplete entries</strong></em> can be performed on multi as well as a single entry, to delete any single incomplete entry you just need to click on the <em>trash&#xA0;</em>icon a confirmation popup will appear which on confirms delete that incomplete entry permanently. Another way to <em><strong>delete incomplete entries is by selection</strong> </em>entry by checkbox, after that goto <em><strong>Bulk Action</strong></em> combo and <em><strong>select delete</strong></em>, then you will get confirmation popup which deletes all selected entries permanently on your confirmation.
                        </p>You can perform bulk actions to delete entries, export entries, and also move to entries list.
                        <p class="doc_image">
                            <a href="assets/images/incomplete_entries_bulk_actions.png" rel="lightbox"><img class="aligncenter size-large wp-image-1371" src="assets/images/incomplete_entries_bulk_actions.png" alt="ARForms Incomplete Entries Bulk Actions" width="580" height="100" style="height: 220px !important;width: 580px !important;"></a>
                        </p>
                        
                    </div>
                </div>
                <div id="ent_analytic">
                    <h1>Entries Analytics / Chart</h1>
                    <div class="card">
                        <p>ARForms facilitate you to display entries ratio in the form of analytics. This functionality is displays analytics of all forms or specified form.</p>You can view entries ratio in three ways:
                        <br>1) Daily
                        <br>2) Monthly
                        <br>3) Yearly
                        <br>
                        <br>By clicking any of this tab, you can view analytics according to the selected option.
                        <p class="doc_image">
                            <a href="assets/images/entries_analytics.png" rel="lightbox"><img class="aligncenter size-large wp-image-1377" src="assets/images/entries_analytics.png" alt="entries_analytics" width="525" height="100" style="width: 525px;height: 100px;"></a>
                        </p>Apart from these ARForms gives you three different Graphical/Statistics&#xA0; Representation namely :
                        <br>
                        <br>
                        <p><b>1.Bar Chart.</b></p>The bar chart is a graphical presentation&#xA0;of <em>views and entries</em>&#xA0;with&#xA0;rectangular&#xA0;bars with heights or lengths proportional to the values that they represent. This is used to show comparisons among views and entries. Here you will see two different rectangular bar that represents Entries &amp; view separately.
                        <p class="doc_image">
                            <a href="assets/images/bar_chart.png" rel="lightbox"><img class="aligncenter size-large wp-image-1374" src="assets/images/bar_chart.png" alt="bar_chart" width="525" height="100" style="width: 525px;height: 100px;"></a>
                        </p>
                        <p><b>2.Line Chart.</b></p>Line Chart is a graphical representation that displays <em>views and entries</em> as a series of data points called 'markers' connected by straight&#xA0;line segments. This is used to&#xA0;visualize a trend in <em>views and</em> e<em>ntries</em>&#xA0;over intervals of time.
                        <p class="doc_image">
                            <a href="assets/images/line_chart.png" rel="lightbox"><img class="aligncenter size-large wp-image-1375" src="assets/images/line_chart.png" alt="line_chart" width="525" height="100" style="width: 525px;height: 100px;"></a>
                        </p>
                        <p><b>3.World Wide Entries &amp; Views.</b></p>It is also referred to as a map chart, this&#xA0;illustrates the relative<em> views &amp; entries</em> of the selected <em>form</em>&#xA0;in different&#xA0;countries of the world.
                        <p class="doc_image">
                            <a href="assets/images/map_chart.png" rel="lightbox"><img class="aligncenter size-large wp-image-1376" src="assets/images/map_chart.png" alt="map_chart" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                <div id="exp_entry">
                    <h1>Export Form Entries</h1>
                    <div class="card">
                        <p>Using ARForms, you will be able to export entries from the 'Form Entries' page. Even you can able to choose whether you want to export a particular entry or more than one. you can export entries of your search results.</p>You can export as many entries<strong>, but all entries will be exported in CSV format.</strong>
                        <br>
                        <br>
                        <p><b>1.Export Entries from <i>'Form Entries'</i> Page</b></p>You can select entries manually which is required by you. After that you have to select "<em>Export to CSV " </em>action from <em>Bulk Actions </em>dropdown list and then click on apply, you will get a CSV file with your entries.
                        <p class="doc_image">
                            <a href="assets/images/entry_export.png" rel="lightbox"><img class="aligncenter wp-image-1381" src="assets/images/entry_export.png" alt="entry_export" width="525" height="286"></a>
                        </p>
                        <p><b>2.From the Import/Export Page</b></p>While exporting entries from here, you will get an option to <em><strong>select separator for Entries</strong> to be exported in CSV</em>, but from here you have to<em> export full entries</em> of a particular form you can't select entries manually. Just select separator and form from dropdown and press export button to get entries.
                        <p class="doc_image">
                            <a href="assets/images/export_entry_2.png" rel="lightbox"><img class="aligncenter size-full wp-image-1382" src="assets/images/export_entry_2.png" alt="export_entry_2" width="525" height="286"></a>
                        </p>
                    </div>
                </div>
                
                <div id="def_msg_form">
                    <h1>Default Messages for forms</h1>
                    <div class="card">
                        <h2>Customize Default Messages over a Form</h2>
                        <p>In global settings, we provide customization of different common messages which general use by form. The customization of various messages allows you to show preferred messages where you&#xA0;required.</p><b>Some common messages can be customized&#xA0;are</b>
                        <br>
                        <br>
                        <p><b>1.Blank Field&#xA0;&#xA0;</b></p>When you choose any field as Required Field (using an asterisk(*) symbol), the field becomes compulsory, i.e. if that field will remain blank during submission then a form will throw a validation error and message will display. This message can be modified globally by editing <em>Bank Field</em> message which by default like&#xA0;<em>"This field cannot be blank".</em> <em>The above can also manage field wise by given customize a message for Blank Field in their field options.</em>
                        <br>
                        <br>
                        <p><b>2.Incorrect Field</b></p>When field is not validated with the required validation like Only Alphabets, Only Numeric, Phone Number format,&#xA0;etc&#xA0; then a message for Incorrect Field Data will be thrown and the message content will be modified from here.
                        <p class="doc_image">
                            <a href="assets/images/default_msg_on_form.png" rel="lightbox"><img class="aligncenter size-large wp-image-1404" src="assets/images/default_msg_on_form.png" alt="" width="525" height="286"></a>
                        </p>
                        <p><b>3.Success Message</b></p>On successful submission of the form, there will be a success message which indicates the submission of form data is performed without any error. This message can be updated according to user preference, by default it is&#xA0;"<em>Form is successfully submitted. Thank</em> You!"&#xA0;and this can be changed&#xA0;by changing the Success Message field in Global Setting.
                        <br>
                        <br>
                        <p><b>4.Submission Failed Message</b></p>When due to some errors the submission of the form gets interrupted and submission gets failed, then there will be a Failed Submission Message which indicates the submission of form data has not performed due to some error. These message doesn't show an error but just inform user that form data was not submitted successfully. This message can be updated according to user preference, by default it is&#xA0;"<em>We are sorry.&#xA0;</em><em>Form is not submitted successfully.</em>&#xA0;"&#xA0;and this can be changed by changing the Success Message field in Global Setting.
                        <br>
                        <br>
                        <p><b>5.Default Submit Button</b></p>These fields use to define default&#xA0;text of the submit button to all of its new building forms, unlike already built form. If you want a submit button with your preferred text then, you just need to write a new message inside this field. For example, if you want to SAVE text as the default text in for all form which you built now, you just need to change this field data to SAVE from Submit.</div>
                </div>
                <div id="email_config">
                    <h1>Email Configuration</h1>
                    <div class="card">
                        <p>ARForms allows you to set Auto Response Mail globally in <code>ARForms &gt; Global settings</code>. You can set a default setting for email. Even you will be able to choose the server which you want to use to send mail. If you want to set different Email settings for each form then you can manage it also from 'Auto Response Mail' inside the <code>Form 'Settings' tab</code>.</p>
                        <p>Each email from ARForms will be send using this configuration, which you set globally, there is various method to send an email which ARForms provides by default you just need to select from them.</p>
                        <ul>
                            <li><strong>WordPress Server Method</strong>
                                <br>All Email that we are sending using WordPress default server in which you didn't need to configure Host, Port or any specific email id. This method requires little configuration. Easy to setup. But this&#xA0;method is unreliable. This method is the most likely reason your emails are in SPAM, or not reaching your inbox at all.</li>
                        </ul>
                        <p class="doc_image">
                            <a href="assets/images/global_email_set.png" rel="lightbox"><img class="aligncenter wp-image-1305 size-large" src="assets/images/global_email_set.png" alt="global_email_set" width="525" height="286"></a>
                        </p>
                        <ul>
                            <li><b>SMTP Server Method</b>
                                <br>SMTP&#xA0;Methods allow you to send Emails using you a specific email account like your Gmail or other email service providers. These&#xA0;settings here would depend on your email provider. Settings for Gmail or a Google Apps account can be found&#xA0;<a href="https://support.google.com/a/answer/176600?hl=en" target="_blank" rel="noopener">here</a>. For&#xA0;Yahoo, try&#xA0;<a href="http://www.serversmtp.com/en/smtp-yahoo" target="_blank" rel="noopener">this</a>.&#xA0;If you are using GoDaddy, set the SMTP Host to localhost, and leave the Username, Password, and Port as blank. If your email provider is not from above you can simply google it and you will get required configuration data with a couple of minutes. If you are using an email provided by your web host, you would find the settings with them.
                                <br>
                                <br>
                                <ol>
                                    <li><strong>Sender Name: </strong>Type in something like My Blog.</li>
                                    <li><strong>Sender Email: </strong>Type in something like ARForms@myblog.com.</li>
                                    <li><strong>Username: </strong>The username that you use to login to this email account.</li>
                                    <li><strong>Password: </strong>The password of the account.</li>
                                    <li><strong>SMTP Host: </strong>For Gmail, this would be&#xA0;smtp.gmail.com.</li>
                                    <li><strong>Port: </strong>For Gmail use port&#xA0;<strong>465</strong>&#xA0;with&#xA0;<strong>SSL</strong> or&#xA0;<strong>587</strong>&#xA0;with&#xA0;<strong><strong><strong>TLS.</strong></strong>
                                        </strong>
                                    </li>
                                </ol>
                                <br>
                                <br>Apart from these ARForms SMTP Configuration provides a simple mechanism to<strong><em> Send Test Email</em></strong> so you can confirm the SMTP setting you have&#xA0;done are correct or not. This Test Mail gives you the exact&#xA0;error if there is any while sending a mail using SMTP form your server.
                                <p class="doc_image">
                                    <a href="assets/images/global_email_set_test.png" rel="lightbox"><img class="aligncenter size-full wp-image-1328" src="assets/images/global_email_set_test.png" alt="global_email_set_test" width="525" height="286"></a>
                                </p>
                            </li>
                            <li><strong><strong>PHP Mailer Method</strong></strong>
                            </li>
                        </ul>In PHP Mailer Method again&#xA0;you&#xA0;didn't require&#xA0;to configured&#xA0;anything just select this method&#xA0;and all set.
                        <br><i>Let's see some other <em>Email Configuration</em> which will be useful while sending emails from ARForms.</i>
                        <br>
                        <br>
                        <p><b>1.Email Format:</b></p>
                        <p>This is used to decide the format in which you can send emails, ie <em><strong>HTML</strong></em> or <em><strong>Plain Text,</strong> </em>You will always want this set to HTML unless you have a very specific use case.</p>
                        <p><b>2.From/Reply to Name:&#xA0;</b></p>
                        <p>This setting will set the name displayed to the recipient when receiving the notification.</p>
                        <p><b>3.From/Reply to&#xA0;Email:</b></p>
                        <p>This setting will determine which email will be listed as the sender within the notification,&#xA0;If replies should be sent to a different email than the one that the notification is sent from, you can define that email address here. In simple language, we can say that the <em>Reply of the recipient</em> will go to the email address defined here.</p>
                    </div>
                </div>
                <div id="general_opt">
                    <h1>Other General Options</h1>
                    <div class="card">
                        <ul class="addon_list_li">
                            <li>
                                <p><b>Decimal Separator</b></p>
                                <p>ARForms serves three kinds of decimal separator namely <em><strong>Dot(.), Comma(,) </strong></em>and <em><strong>No Separator. </strong></em>This option provides using a preferred separator for a decimal part in number.</p>
                                <div class="example">
                                    <h5>Example</h5><pre>suppose we have number 100.21, then these will be separated using a different option</pre></div><u> Dot(.)</u>: 100.21
                                <br><u>Comma(,)</u> : 100,21
                                <br><u>No Separator</u>: 100 ( no decimal part of a number will be displayed)</li>
                            <p class="doc_image">
                                <a href="assets/images/global_other_set.png" rel="lightbox"><img class="aligncenter wp-image-1330" src="assets/images/global_other_set.png" alt="global_other_set" width="525" height="286"></a>
                            </p>
                        </ul>
                        <ul class="addon_list_li">
                            <li>
                                <p><b>Form Submission Method</b></p>ARForms provides an admirable functionality for different kinds of submission methods For submitting that form data. You can select any one method according to your wish.
                                <br><u><b>AJAX</b></u>: This type of form submission to submitting form data without refreshing that page.
                                <br><b><u>Normal Submission</u></b>: Submission method which you normally observed, in which the whole page gets reload after submission of the form.</li>
                            <br>
                            <br>
                            <li>
                                <p><b>Success Message</b>, <em>hide success message after</em></p>This option helps you to decide the time period till which you want to display Success Message, after Successful form submission, to your users. For better understanding see the image below which shows the Message whose Fade-out time can be decided under `<em>Success Message - hide success message after .....`.</em>
                                <p class="doc_image">
                                    <a href="assets/images/glbal_success_message.png" rel="lightbox"><img class="aligncenter size-full wp-image-1332" src="assets/images/glbal_success_message.png" alt="glbal_success_message" width="525" height="286"></a>
                                </p>
                            </li>
                            <li>
                                <p><b>Form Global CSS</b></p>ARForms gives you a unique feature to customize your own CSS to all of its pages, where ARForms form is included. This helps you out whenever your theme gets conflict with inbuilt CSS of ARForms or when you want some extra design to all your forms or page containing forms or in any other way you can use this customization. <em>This customization will be applied only on the page where you have included Form created through ARForms.</em></li>
                            <br>
                            <br>
                            <li>
                                <p><b>Choose the character sets which you want to add with google fonts</b></p>By default, many languages ( fonts) don't support some characters to display in the browser, in that case, you need to set the character set along with font family. So, ARForms allow you to set the specific character set for your respective font selection.
                                <p class="doc_image">
                                    <a rel="lightbox" href="assets/images/character_set.png"><img class="aligncenter wp-image-1549 size-full" src="assets/images/character_set.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <li>
                                <p><b>Display uploaded files in WordPress media section</b></p>
                                <p>When you use a file upload control in a form, by default, the uploaded file will be displayed in the WordPress Media section. However, you can hide the uploaded file from WordPress Media by enabling this option from <strong>Global Settings > Other Settings > Display uploaded files in WordPress media section</strong>.</p>
                                <p class="doc_image">
                                    <a rel="lightbox" href="assets/images/display_media_section.png"><img class="aligncenter wp-image-1549 size-full" src="assets/images/display_media_section.png" alt="" width="525" height="286"></a>
                                </p>
                            </li>
                            <li>
                                <p><b>File Upload Path</b></p>
                                <p>Whenever a form is submitted from the front by default file is uploaded at ARForms default path,<br/> <em>SITEPATH/wp-content/uploads/arforms/userfiles/</em>.</p>
                                <p>Now you are able to change the path from <strong>Global Settings > Other Settings > File Upload Path</strong>.</p>
                                <p class="doc_image">
                                    <a rel="lightbox" href="assets/images/file_upload_path.png"><img class="aligncenter wp-image-1549 size-full" src="assets/images/file_upload_path.png" alt="" width="1063" height="554"></a>
                                </p>
                                <p>Make your file upload path dynamic using shortcodes provided here,</p>
                                <p><strong>{form_id}</strong>: This shortcode will replace with the form id. <br/>
                                <strong>{year}</strong>: This shortcode will replace with the current year. <br/>
                                <strong>{month}</strong>: This shortcode will replace with the current month. <br/>
                                <strong>{day}</strong>: This shortcode will replace with the current day. <br/></p>
                                <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i>Please make sure that the static upload directory you have set exists and writable.</p>
                                <div class="example"><h5>Example</h5><pre>suppose you have set <em>wp-content/uploads/xyz/{form_id}</em>, then <b>xyz</b> directory should be exist and writable in uploads. </pre></div>
                            </li>
                            <li>
                                <p><b>Remove Junk Files</b></p>
                                <p>ARForms 4.3.3 introduces a new facility to remove unnecessary uploaded files by user at frontend. When user uploads files to the form and not submitted form later, those files stays to the uploaded folder and occupies server space. In this case, ARForms gives you facility to remove  all such files with just single click.</p>
                                <p>When you click on the 'Remove junk files', it'll ask you for a confirmation and if you agree to do then it'll delete the junk files. </p>
                                <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i>Please note junk Files uploaded before version 4.3.3 will not be removed with this feature.</p>
                            </li>
                        </ul>&nbsp;</div>
                </div>
                <div id="load_js_css">
                    <h1>Load JS & CSS in all pages</h1>
                    <div class="card">
                        <p>This option is mainly used when there is an AJAX-based theme that doesn't load full pages while navigating from one page to another, in such cases, it will be unable to load required JS/CSS files of any plugins. So to overcome this issue ARForms&#xA0;gives an option to load its JS or CSS in all pages of your website.</p>
                        <p><code>These will load ARForms required JS and CSS in all of the pages and posts of your website and encourages forms of ARForms in any environment of Themes or Plugins.</code></p>
                        <p class="doc_image">
                            <a href="assets/images/gloabl_jscss.png" rel="lightbox"><img class="aligncenter size-full wp-image-1334" src="assets/images/gloabl_jscss.png" alt="gloabl_jscss" width="525" height="150" style="height: 150px;"></a>
                        </p>You are also able to choose which JS &amp; CSS&#xA0; are essentials, according to your need you just have to make switch enable and check the checkbox to make it load in all pages.</div>
                </div>
                <div id="config_email_mark">
                    <h1>Configuring Email Marketing Tools</h1>
                    <div class="card">You can configure available Email Marketing Tools from this option.
                        <br>
                        <br>
                        <p><i>Go to the <code>Global Settings</code> &gt; <code>Opt-ins Tab</code> to configure Email Marketing Tools.</i></p>To configure tool, you just need to verify your Email Marketer account by entering the API key and other required details. And after verification, the system will fetch all the list name/campaign name from your account.
                        <br>
                        <br>After configuration of a Marketing Tools, goto opt-ins option in add/edit form, there you can select opt-in tools to add a subscriber to list when they submit a form on your site.
                        <br>
                        <br>So, whenever anyone will submit a form, that user will be added to a selected list of a specific tool as subscriber automatically. We have internally mapped First Name, Last Name &amp; Email Address field of specific form with Email Marketing Tools.
                        <br>
                        <br>Configuring Email Marketing Tools :
                        <br>
                        <br>
                        <h2><p><b>AWeber</b></p></h2>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i>Please note that the Aweber API mechanism has been changed in ARForms version <strong>3.7</strong>. Now it will authorize using an ARForms application instead of your application. So you do not need to create AWeber application. </p>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i>Please note that if you want to disable confirmation opt-in (opt-in or double opt-in) you need to contact Aweber support to disable it for your list
                        </p>

                        <p class="doc_image">
                            <a href="assets/images/aweber_config.png" rel="lightbox">
                                <img class="size-full wp-image-1394" src="assets/images/aweber_config.png" alt="ARForms Aweber" style="width:100%;height: auto;" />
                            </a>
                        </p>
                        <p>The following are steps to configure and authorize Aweber in ARForms.</p>
                        <ol>
                            <li>First click on the <code>Generate Authorize Code</code> button. you will get a popup window where you need to allow access to the Application.</li>
                            <li>If you're not logged in then it'll ask you to enter AWeber username and password.</li>
                            <li>After that, click on the &#x201C;Allow Access&#x201D; button.</li>
                            <li>Next you will be redirected and get an Authorization Code, you need to copy that authorization code and paste it in 'Authorization Code' text box in the ARForms > General Settings > Email Marketers page and then click <code>Authorize</code> button</li>
                            <p class="doc_image">
                                <a href="assets/images/aweber_authorization_code.png" rel="lightbox">
                                    <img class="size-full wp-image-1394" src="assets/images/aweber_authorization_code.png" alt="ARForms Aweber" style="max-width:100%;height:auto;" />
                                </a>
                            </p>
                            <li>After successfully authorization system will fetch all the list names from your AWeber account. Select default List name to add subscribers. <span style="text-decoration: underline"><em><strong>Note:</strong></em></span><em><em>You can refresh your list names anytime by clicking the link &#x201C;Refresh List&#x201D; You can Deactivate the integration of your account with your system by clicking the link &#x201C;Delete Configuration&#x201D;.</em></em>
                            </li>
                            <li style="text-align: left">Click on the Save button.</li>
                            <li>Now go to&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>, here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see tabs for all configured opt-ins. Go to the &#xA0;<strong>AWeber</strong> tab, enable Aweber &#xA0;and select&#xA0;<strong>List</strong>&#xA0;in which you wish to add all user's email addresses, in your AWeber mail list.</li>
                        </ol>

                        <br>
                        <br>
                        <h3><p><b>MailChimp</b></p></h3>
                        <p class="doc_image">
                            <a href="assets/images/mailchimp_config.png" rel="lightbox"><img class="aligncenter size-full wp-image-1395" src="assets/images/mailchimp_config.png" alt="" width="525" height="286"></a>
                        </p><strong>Get API Key from Mailchimp Application</strong>
                        <br>First of all login to your Mailchimp account and click your profile name to expand the Account Panel, and choose&#xA0;<strong>Account</strong>. Then, Click on the Extras drop-down menu and choose&#xA0;<strong>API keys</strong>. You can copy an existing API key OR click the&#xA0;<strong>Create A Key</strong>&#xA0;button for creating a new key.
                        <ol>
                            <li>Please Enter your &#x201C;API Key&#x201D; obtained from your Mailchimp account.</li>
                            <li>Click on the &#x201C;Verify&#x201D; link.</li>
                            <li>That&#x2019;s all!! The system will verify your account and fetch all list names from your account. Select default List name to add subscribes.</li>
                            <li>If you want to enable the double opt-in method for Mailchimp, then select the &#x201C;Enable double opt-in&#x201D; checkbox. <strong><span style="text-decoration: underline">Note</span>:</strong><em><span style="font-size: 1rem"> You can refresh your list names anytime by clicking the link &#x201C;Refresh List&#x201D;</span><span style="font-size: 1rem"> You can Deactivate the integration of your account with your system by clicking the link &#x201C;Delete Configuration&#x201D;.</span></em></li>
                            <li>Click on the&#xA0;<strong>Save</strong>&#xA0;button.</li>
                            <li>Now go to&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>,&#xA0;here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see a list of all configured opt-ins with the checkbox. Select the checkbox for&#xA0;<strong>Mail Chimp</strong>&#xA0;and select&#xA0;<strong>List</strong>&#xA0;in which you wish to add users emails, in your Mail Chimp mail list.</li>
                        </ol>
                        <br>
                        <br>
                        <h2><p><b>GetResponse</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/getreponse_config.png" rel="lightbox"><img class="aligncenter size-full wp-image-1396" src="assets/images/getreponse_config.png" alt="" width="525" height="286"></a>
                        </p><strong>Get API Key from GetResponse Application</strong>
                        <br>Log in to your GetResponse account. You can find API Key under&#xA0;<code>My account</code>&#xA0;&gt;&#xA0;<code>Account details</code>&#xA0;&gt;&#xA0;<code>API &amp; OAuth</code>.
                        <ol>
                            <li>Please Enter your &#x201C;API Key&#x201D; obtained from your GetResponse account.</li>
                            <li>Click on the&#x201C;Verify&#x201D; link.</li>
                            <li>That&#x2019;s all!! The system will verify your account and fetch all campaign names from your account. Select the default campaign name to add subscribes. <strong><span style="text-decoration: underline">Note</span>:</strong><em style="font-size: 1rem"> You can refresh your campaign names anytime by clicking the link &#x201C;Refresh List&#x201D;.</em><em style="font-size: 1rem">You can Deactivate the integration of your account with your system by clicking the link &#x201C;Delete Configuration&#x201D;.</em></li>
                            <li>Click on the&#xA0;<strong>Save</strong>&#xA0;button.</li>
                            <li>Now go to&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>, here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see the a list of all configured opt-ins with a checkbox. Select checkbox for&#xA0;<strong>GetResponse</strong> and select&#xA0;<strong>List</strong>&#xA0;in which you wish to add users emails</li>
                        </ol>
                        <br>
                        <br>
                        <h2><p><b>iContact</b></p></h2>To configure iContact you need an account with it.
                        <p class="doc_image">
                            <a href="assets/images/icontact_config.png" rel="lightbox"><img class="aligncenter size-full wp-image-1397" src="assets/images/icontact_config.png" alt="" width="525" height="286"></a>
                        </p>To get APP ID you need to register first with iContact <em>(you must have an account with iContact). </em><strong>Step to get APP ID:</strong>
                        <ol>
                            <li>Log in to&#xA0;your iContact account. (if you are logging into the sandbox, use the sandbox username and password)For <em>sandbox</em><b>&#xA0;</b><a href="https://app.sandbox.icontact.com/icp/core/registerapp/">click here</a>&#xA0;and for&#xA0;<em>Production account</em> <a href="https://app.icontact.com/icp/core/registerapp/">click here</a>.</li>
                            <li>Provide a name for the application and a description of the application. Click Save.</li>
                            <li>The API-AppId is displayed. <strong><span style="text-decoration: underline">Note</span>:</strong>&#xA0;For security purposes, iContact&#x2019;s API uses your AppId to identify your application.</li>
                            <li>Click the link to &#x201C;enable the AppID for your account&#x201D;.</li>
                            <li>Now go to&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>, here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see a list of all configured opt-ins with the checkbox. Select checkbox for<b>&#xA0;iContact&#xA0;</b>and select&#xA0;<strong>List</strong>&#xA0;in which you wish to add users emails </li>
                        </ol>
                        <br>
                        <br>
                        <h2><p><b>Constant Contact</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/constantcontact_config.png" rel="lightbox"><img class="aligncenter wp-image-1398" src="assets/images/constantcontact_config.png" alt="" width="525" height="286"></a>
                        </p><strong>Get API Key and Access Token from Constant Contact Application</strong>
                        <br><a href="https://constantcontact.mashery.com/member/register" target="_blank" rel="noopener">Sign up</a>&#xA0;for a Mashery account or&#xA0;<a href="https://constantcontact.mashery.com/login" target="_blank" rel="noopener">log in.</a> Confirm your account, if it&#x2019;s new. Then,&#xA0;<a href="https://constantcontact.mashery.com/apps/register" target="_blank" rel="noopener">Register</a>&#xA0;an Application. After Registration an Application API Key will be assigned to your application. Fill your API Key into&#xA0;<a href="https://constantcontact.mashery.com/io-docs">this page</a>&#xA0;(if not already filled in) and click Get Access Token. Getting an access token requires a Constant Contact account. When you click on Get Access Token then you are taken to a Constant Contact account sign up page. Create a new account, or if you have an existing Constant Contact account (NOT your Mashery developer account), sign in.
                        <ol>
                            <li>Please Enter your &#x201C;API key&#x201D; and &#x201C;Access Token&#x201D; obtained from your Constant Contact account.</li>
                            <li>Click on the&#x201C;Verify&#x201D; link.</li>
                            <li>That&#x2019;s all!! The system will verify your account and fetch all list names from your account. Select default List name to add subscribes. <strong>Note:</strong> <em>You can refresh your list names anytime by clicking the link &#x201C;Refresh List&#x201D;</em> <em>You can Deactivate the integration of your account with your system by clicking the link &#x201C;Delete Configuration&#x201D;</em>.</li>
                            <li>Click on the&#xA0;<strong>Save</strong>&#xA0;button.</li>
                            <li>Now go to&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>,&#xA0;here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see a list of all configured opt-ins with the  checkbox. Select checkbox for <b>Constant Contact&#xA0;</b>and select&#xA0;<strong>List</strong>&#xA0;in which you wish to add users emails </li>
                        </ol>
                        <br>
                        <br>
                        <h2><p><b>GVO</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/gvo_config.png" rel="lightbox"><img class="aligncenter size-full wp-image-1399" src="assets/images/gvo_config.png" alt="" width="525" height="286"></a>
                        </p> Login in to your GVO account to get your webform and just copy-paste it in a global setting in email marketing tool section under GVO textarea. After that all you need to do is just goto&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>,&#xA0;here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see a list of all configured opt-ins with the checkbox. Select a checkbox for <b>GVO</b>.
                        <br>
                        <br>
                        <h2><p><b>eBizAC.com</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/ebizaccom_config.png" rel="lightbox"><img class="aligncenter size-full wp-image-1400" src="assets/images/ebizaccom_config.png" alt="" width="525" height="286"></a>
                        </p> Login in to your eBizAC account to get your webform and just copy-paste it in a global setting in the email marketing tool section under eBizAC textarea. After that all you need to do is just goto&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>,&#xA0;here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see a list of all configured opt-ins with the checkbox. Select a checkbox for <b>eBizAC</b>.
                        <br>
                        <br>
                        <h2><p><b>Madmimi</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/madmini_config.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/madmini_config.png" alt="" width="525" height="286"></a>
                        </p><b>Get API Key from Madmimi Application</b>
                        <br>Login to your <i>Madmimi</i> account, you will observe an <code>Account tab</code> on the top left corner, click on that you will see <code>Settings and Billing</code> tab further, in that tab you will see <code>API</code> tab. So, the steps to get API is <code> Madmimi(after login) > Account > Settings & Billing > API </code>.
                        <br>
                        <br>Again for Adding Subscriber/Audience List you have to visit <code>Madmimi(after login) > Audience > symbol of a plus (+)</code>. After getting your API key you just need to follow the below steps to configure it with your ARForms.
                        <br>
                        <br>
                        <ol>
                            <li>Please Enter your &#x201C;API key&#x201D; and &#x201C;Access Token&#x201D; obtained from your Madmimi account.</li>
                            <li>Click on the&#x201C;Verify&#x201D; link.</li>
                            <li>That&#x2019;s all!! The system will verify your account and fetch all list names from your account. Select default List name to add subscribes. <strong>Note: </strong><em>You can refresh your list names anytime by clicking the link &#x201C;Refresh List&#x201D;</em> <em>You can Deactivate the integration of your account with your system by clicking the link &#x201C;Delete Configuration&#x201D;</em>.</li>
                            <li>Click on the&#xA0;<strong>Save</strong>&#xA0;button.</li>
                            <li>Now go to&#xA0;<code>ARForms</code>-&gt;<code>Add/Edit Form</code>,&#xA0;here you will see the&#xA0;<strong>Opt-ins</strong>&#xA0;section. You will see list of all configured opt-ins with the checkbox. Select a checkbox for <b>Madmimi</b> and select&#xA0;<strong>List</strong>&#xA0;in which you wish to add users' emails.</li>
                        </ol>
                        <br>
                        <br>
                        <h2><p><b>MailerLite</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/mailerlite_config.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/mailerlite_config.png" alt="" width="715" height="313"></a>
                        </p><b>Get API Key from MailerLite Application</b>
                        <br>
                        First of all login to your MailerLite account and click your profile name to expand the Account Panel, and go to <strong>Integration -&gt; Developer API.</strong> Select your <strong>API key</strong> from here to use in the ARForms configuration. Now, let's see MailerLite configuration in ARForms.
                        <br>
                        <br>
                        <ol>
                            <li>Please enter your "API Key" obtained from your MailerLite account.</li>
                            <li>Click on "Verify".</li>
                            <li>That's all!! The system will verify your account and fetch all group names from your account. Select the default group name to add subscribers. <br>
                            <strong><span style="text-decoration: underline">Note</span>:</strong><br>
                            <em><span style="font-size: 1rem">You can refresh your group names anytime by click on the link "Refresh List".</span><br><span style="font-size: 1rem">You can Deactivate the integration with your MailerLite account by click on the link "Delete Configuration".</span></em>
                            </li>
                            <li>Click on the <strong>Save</strong> button.</li>
                            <li>Now go to <code>ARForms -&gt; Add/Edit Form -&gt; <strong>Opt-ins</strong></code>. Here you will see tabs of all inbuilt opt-ins. Select the MailerLite tab and <strong>Enable MailerLite</strong> you will get dropdown visible where you need to select your group name in which you wish to add subscribers.</li>
                        </ol>
                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br> If Subscriber already exists with the same email address in any group, it will not be added to your group. </em></p>
						
						<h2><p><b>Sendinblue</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/sendinblue_config.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/sendinblue_config.png" alt="" width="715" height="313"></a>
                        </p><b>Get API Key from Sendinblue Application</b>
                        <br>
                        First of all login to your Sendinblue account and click your profile name to expand the Account Panel, and go to <strong> SMTP & API</strong>. Select your <strong>API key</strong> from here to use in ARForms configuration. Now, let's see Sendinblue configuration in the ARForms.
                        <br>
                        <br>
                        <ol>
                            <li>Please enter your "API Key" obtained from your Sendinblue account.</li>
                            <li>Click on "Verify".</li>
                            <li>That's all!! The system will verify your account and fetch all list names from your account. Select the default group name to add subscribers. <br>
                            <strong><span style="text-decoration: underline">Note</span>:</strong><br>
                            <em><span style="font-size: 1rem">You can refresh your group names anytime by click on the link "Refresh List".</span><br><span style="font-size: 1rem">You can Deactivate the integration with your Sendinblue account by click on the link "Delete Configuration".</span></em>
                            </li>
                            <li>Click on <strong>Save</strong> button.</li>
                            <li>Now go to <code>ARForms -&gt; Add/Edit Form -&gt; <strong>Opt-ins</strong></code>. Here you will see tabs of all inbuilt opt-ins. Select Sendinblue tab and <strong>Enable Sendinblue</strong> you will get dropdown visible where you need to select your list name in which you wish to add subscribers.</li>
                        </ol>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br> If Subscriber already exists with the same email address in any group, it will not be added to your group. </em></p>
                        <p>
                            ARforms provide the facility to change the Sendinblue Label attribute. You can set it from Opt-ins (email marketing) configuration you can see from the following screenshot.
                        </p>
                        <p class="doc_image">
                            <a href="assets/images/sendinblue_label_attribute.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/sendinblue_label_attribute.png" alt="" width="715" height="313"></a>
                        </p>

                        <h2><p><b>HubSpot</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/hubspot.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/hubspot.png" alt="" width="715" height="313"></a>
                        </p>
                        </p><b>Get API Key from HubSpot Application</b>
                        <br>
                         First of all login to your HubSpot account and click your account name in the top right corner and go to <strong>Integration</strong>, then in the left sidebar menu, navigate to <strong>Integrations -&gt; API key.</strong> Now click Show key button and get your <strong>API key</strong> from here to use in ARForms configuration. Now, let's see HubSpot configuration in ARForms.
                         <br>
                        <br>
                        <ol>
                            <li>Please enter your "API Key" obtained from your HubSpot account.</li>
                            <li>Click on "Verify".</li>
                            <li>That's all!! The system will verify your account and fetch all List names from your account. Select default List name to add subscribers. <br>
                            <strong><span style="text-decoration: underline">Note</span>:</strong><br>
                            <em><span style="font-size: 1rem">You can refresh your List names anytime by click on the link "Refresh List".</span><br><span style="font-size: 1rem">You can Deactivate the integration with your HubSpot account by click on the link "Delete Configuration".</span></em>
                            </li>
                            <li>Click on the <strong>Save</strong> button.</li>
                            <li>Now go to <code>ARForms -&gt; Add/Edit Form -&gt; <strong>Opt-ins</strong></code>. Here you will see tabs of all inbuilt opt-ins. Select HubSpot tab and <strong>Enable HubSpot</strong> you will get dropdown visible where you need to select your List name in which you wish to add subscribers.</li>
                        </ol>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br>You cannot manually add List to Dynamic Lists so please create Static Lists in your HubSpot account.</em></p>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br> If Subscriber already exists with the same email address in any List, it will not be added to your List. </em></p>
						
						
                        <h2><p><b>ConvertKit</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/convertkit.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/convertkit.png" alt="" width="715" height="313"></a>
                        </p>
                        </p><b>Get API Key & API Secret from ConvertKit Application</b>
                        <br>
                         First of all login to your ConverKit account and click your account name in the top right corner and here you get your <strong>API key</strong>, now for API Secret, you have to click on <strong>show</strong>. Now you get your <strong>API key & API Secret</strong> from here to use in ARForms configuration. Now, let's see ConvertKit configuration in ARForms.
                         <br>
                        <br>
                        <ol>
                            <li>Please enter your "API Key" and "API Secret" obtained from your ConvertKit account.</li>
                            <li>Click on "Verify".</li>
                            <li>That's all!! The system will verify your account and fetch all Form names from your account. Select default Form name to add subscribers. <br>
                            <strong><span style="text-decoration: underline">Note</span>:</strong><br>
                            <em><span style="font-size: 1rem">You can refresh your Form names anytime by click on the link "Refresh List".</span><br><span style="font-size: 1rem">You can Deactivate the integration with your HubSpot account by click on the link "Delete Configuration".</span></em>
                            </li>
                            <li>Click on the <strong>Save</strong> button.</li>
                            <li>Now go to <code>ARForms -&gt; Add/Edit Form -&gt; <strong>Opt-ins</strong></code>. Here you will see tabs of all inbuilt opt-ins. Select ConvertKit tab and <strong>Enable ConvertKit</strong> you will get dropdown visible where you need to select your Form name in which you wish to add subscribers.</li>
                        </ol>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br>You can enable <strong>Auto-confirm new subscribers</strong> option otherwise subscribers get mail on registered mail id for confirmation.</em></p>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br> If Subscriber already exists with the same email address in any Form, it will not be added in your Form.</em></p>

                        <h2><p><b>Drip</b></p></h2>
                        <p class="doc_image">
                            <a href="assets/images/drip_config.png" rel="lightbox"><img class="aligncenter size-large wp-image-1401" src="assets/images/drip_config.png" alt="" width="715" height="313"></a>
                        </p>
                        </p><b>Get API Token & Account ID from Drip Application</b>
                        <br>
                         First of all login to your Drip account and click on the settings icon in the upper right-hand corner then click on User Settings and  here you get your <strong>API Token</strong>, now for Account ID, you have to click on <strong>Settings icon -> Account</strong> here you get your <strong>Account ID</strong>. Now you get your <strong>API Token & Account ID</strong> from here to use in ARForms configuration. Now, let's see Drip configuration in ARForms.
                         <br>
                        <br>
                        <ol>
                            <li>Please enter your "API Token" and "Account ID" obtained from your Drip account.</li>
                            <li>Click on "Verify".</li>
                            <li>That's all!! The system will verify your account and fetch all Campaign names from your account. Select default Campaign names to add subscribers. <br>
                            <strong><span style="text-decoration: underline">Note</span>:</strong><br>
                            <em><span style="font-size: 1rem">You can refresh your Campaign names anytime by click on the link "Refresh List".</span><br><span style="font-size: 1rem">You can Deactivate the integration with your Drip account by click on the link "Delete Configuration".</span></em>
                            </li>
                            <li>Click on the <strong>Save</strong> button.</li>
                            <li>Now go to <code>ARForms -&gt; Add/Edit Form -&gt; <strong>Opt-ins</strong></code>. Here you will see tabs of all inbuilt opt-ins. Select Drip tab and <strong>Enable Drip</strong> you will get dropdown visible where you need to select your Campaign name in which you wish to add subscribers.</li>
                        </ol>

                        <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br> If Subscriber already exists with the same email address in any Campaign, it will not be added to your Campaign. </em></p>


                    </div>
                </div>
                <div id="import_export">
                    <h1>Import and Export Form(s)</h1>
                    <div class="card">
                        <p>ARForms provides facilitates import form which was exported from ARForms. This provides a kind of backup and if you want the same from in your another site then in no time you can get your existing form by Exporting it and after that Importing in your new site.</p>
                        <h2>Exporting Forms</h2>
                        <p>ARForms gives a different kind of functionality to exporting a form, entries of form and forms with its entries. There are three different ways to export form in ARForms.</p>
                        <ol class="addon_list_li">
                            <li>
                                <p><b>Export Forms(s)</b></p>Export Forms will export <em>single or multiple form structure only</em>, <em>No form data/entries</em> will be exported <em>(if you want form entries to export please see further option)</em>. The export form is so simple with ARForms. You just need to select the desired form, here you can also select multiple forms together, now just click on the Export button and all done after that you will get a Text File (.txt). This exported .txt file can be saved for future use. <code><em><strong>Please don't change the name of Exported .txt file, </strong></em></code>else you will be unable to import these file.
                                <p class="doc_image">
                                    <a href="assets/images/exporting_form.png" rel="lightbox"><img class="aligncenter size-full wp-image-1337" src="assets/images/exporting_form.png" alt="exporting_form" width="525" height="286"></a>
                                </p>
                            </li>
                            <li>
                                <p><b>Export Entries</b></p>You can get a list of all entries for any single form at a time in CSV format, here ARForms helps you to select separator for entries in CSV file. Export Entries with ARforms serves three kinds of separator namely <em><strong>Comma(,)</strong></em>, <em><strong> Semicolon(;)</strong> <strong> </strong></em>and<em><em> <strong>Pipe(|).</strong></em></em>
                                <p class="doc_image">
                                    <a href="assets/images/export_entries.png" rel="lightbox"><img class="aligncenter size-full wp-image-1338" src="assets/images/export_entries.png" alt="export_entries" width="525" height="286"></a>
                                </p>All entries will get in CSV format you can select your preferred separator for separation of entry in CSV.</li>
                            <br>
                            <br>
                            <li>
                                <p><b>Export Form(s) &amp; Entries</b></p>Using this method you can get full package backup for Forms &amp; its corresponding entries, here you can select as many forms you want to export.
                                <br><u><strong>Note</strong>:</u><code> <em>Please note that entries' attachment will not be exported. You have to copy <b>wp_content/uploads/arforms/userfiles</b> folder manually to your new location where you are going to import this setting.</em></code></li>
                        </ol>
                        <h2>Importing of Forms from ARForms Version 3.0 and greater (version &gt;= 3.0)</h2>Form which was exported previously in ARForms, that can be imported in ARForms again simple by pasting data from .txt files here.
                        <p class="doc_image">
                            <a href="assets/images/import_form.png" rel="lightbox"><img class="aligncenter size-full wp-image-1339" src="assets/images/import_form.png" alt="import_form" width="525" height="286"></a>
                        </p>All the forms of ARForms which were exported from <em><strong>Version 3.0 will be imported</strong> </em>simply by pasting the content of <em><strong>exported text file here.</strong></em></div>
                </div>
                <div id="restrict_form_sub">
                    <h1>Restrict Submission of a Form</h1>
                    <div class="card">ARForms form builder provides a facility to restrict Form Entries using restriction methods provides by ARForms in <code>Add/edit Form &gt; Other Option &gt; General Options</code> just by <em>clicking&#xA0;Restrict form submission limit</em> Checkbox you will see list of form restriction methods and also you have to give customize the message on restriction of form.
                        <p class="doc_image">
                            <a href="assets/images/restriction_before_after_date.png" rel="lightbox"><img class="aligncenter size-large wp-image-1292" src="assets/images/restriction_before_after_date.png" alt="restriction_before_after_date" width="525" height="286"></a>
                        </p> ARForms provides numbers of ways in which you can restrict form submission :
                        <ul style="line-height: 1.8">
                            <li><strong>After Maximum Entries </strong>Form will be not displayed after the number of entries defined by users has been reached and Restricted Entry Message will be shown<strong>.</strong>
                                <p class="doc_image">
                                    <a href="assets/images/restriction_max_entry.png" rel="lightbox"><img class="aligncenter size-large wp-image-1293" src="assets/images/restriction_max_entry.png" alt="restriction_max_entry" width="604" height="290"></a>
                                </p>
                            </li>
                            <li><strong>Before Specific Date </strong>Form will be displayed only until the date entered in this setting has been occurred<strong>.</strong></li>
                            <li><strong>After Specific Date </strong>Form will be displayed&#xA0;after date entered in this&#xA0;setting has been passed<strong>.</strong></li>
                            <li><strong>Between Two Dates</strong>Form will <strong>not</strong> be displayed in between two dates entered by the user inside this section<strong>.</strong>
                                <p class="doc_image">
                                    <a href="assets/images/restriction_bwt_two_dates.png" rel="lightbox"><img class="aligncenter size-large wp-image-1294" src="assets/images/restriction_bwt_two_dates.png" alt="restriction_bwt_two_dates" width="525" height="286"></a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div id="prevent_duplicate_entries">
                    <h1>Prevent Duplicate Form Entries</h1>
                    <div class="card"><em><strong>We can also say these as Unique Field Validation.</strong><br></em>Preventing Duplicate Form Entries setting can be used to ensure that a designated field has unique data entered into it, the best example of its use is to limit one submission per Email address. Likewise, the same can be done in ARForms just by selecting <code>Add/edit Form &gt; Other Options &gt; General Options &gt; Prevent duplicate form entries checkbox</code>.
                        <p>Here you have the option to Prevent Duplicate Entries on bases of</p>
                        <p class="doc_image">
                            <a href="assets/images/prevent_duplicate_entry.png" rel="lightbox"><img class="aligncenter size-full wp-image-1295" src="assets/images/prevent_duplicate_entry.png" alt="prevent_duplicate_entry" width="525" height="286"></a>
                        </p>
                        <ul class="changelog_ul">
                            <li><strong>IP Address:</strong>
                                <br>You can prevent entries from the same IP Address eg. allow&#xA0;only one registration for an event from one IP Address.</li>
                            <br>
                            <br>
                            <li><strong>Current Logged in user:</strong>
                                <br>You can allow only one entry per user eg. registration for an event once per user.</li>
                            <br>
                            <br>
                            <li><strong>Form Fields: </strong>
                                <br>You can select Form Field&#xA0;for&#xA0;which you want to Prevent Duplicate Entries of that particular field of Form. eg. Email Addresses in the registration form cannot be similar in any of the cases.</li>
                        </ul>
                    </div>
                </div>
                <div id="show_confirmation_summary">
                    <h1>Show Confirmation (Summary)</h1>
                    <div class="card"> ARForms provides an awesome feature to enable a very useful submit action to display user's submitted values after form submission or values to be submitted before submitting the form.
                    <br><br>Go to <code>Add/Edit Form &gt; Submit Action</code> and check <em>Show confirmation (Summary)</em> option there. Here you have other options are visible on check <em>Show confirmation (Summary)</em> action.
                    <br><br>
                    <h4>Display summary</h4>
                    <p>Here you have a choice whether you need to display a summary before submitting the form or to display after submitting the form.</p>
                    <strong>Before submitting form :</strong><br><br>
                    <p>Before submitting form option will let you change the labels for buttons displayed with a summary before submitting the form which are,</p>
                    <u><em>Confirmation Button Label</em></u> - Enter text here to display on the Confirm button.
                    <br>
                    <u><em>Edit Button Label</em></u> - Enter text here to display on the edit button.
                    <p class="doc_image">
                        <a href="assets/images/submit_action_summary.png" rel="lightbox"><img class="aligncenter size-large wp-image-1294" src="assets/images/submit_action_summary.png" alt="Submit Action Setting - Confirm Summary" width="884" height="567"></a>
                    </p>
                    <strong>After submitting form :</strong><br><br>
                    <p>On select after submitting form you will have following options are visible,</p>
                    <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br><br> 1. You have to select "Display a Message" form 
                    submission method from "Form submission action" in order to work "display confirmation summary after form submission". <br><br>
                    2. Confirmation summary after form submission only works with Ajax Submission method.<br></em></p>
                    <ol class="">
                        <li>
                            <strong><em>Allow user to Print Summary</em></strong>
                            <p>Check this option to allow user to print summary displayed after form submission.</p>
                            <u><em>Print Button Label</em></u> - Change label for print button to be displaying with summary after form submission.
                        </li>
                        <br>
                        <li>
                            <strong><em>Close Button Label</em></strong>
                            <p>Change label for close button to be displaying with summary after submitting form successfully.</p>
                        </li>
                        <br>
                    </ol>

                    <h3>How does it work at the front?</h3>
                    <p>After enabling this feature from form editor, let's see how it works at the front-end form.</p>
                    <h4>Before submitting form</h4>
                    <p>If you have enabled to display summary before submitting a form, user will have to click on the<em>Confirm button</em> instead of directly Submit the form. You will be able to set all those button labels from "submit action options".</p>
                    <p class="doc_image">
                        <a href="assets/images/submit_action_confirm_button.png" rel="lightbox"><img class="aligncenter size-large wp-image-1294" src="assets/images/submit_action_confirm_button.png" alt="Submit Action - Confirm Button" width="636" height="591"></a>
                    </p>
                    <p>When the user will click on the confirm button, it will display all data that he/she entered in the form and able to confirm values before submitting the form.</p>
                    <p>Here on that screen, there will be the Edit button and Submit button, in case user finds something wrong in their entered values he/she can click on <strong>Edit button</strong> and get back to the pre-filled form with their values and will be able to change input values and confirm once again. Now user can submit the form by click on the Submit button.</p>
                    <p class="doc_image">
                        <a href="assets/images/submit_action_edit_button.png" rel="lightbox"><img class="aligncenter size-large wp-image-1294" src="assets/images/submit_action_edit_button.png" alt="Submit Action - Edit Button" width="563" height="455"></a>
                    </p>

                    <h4>After submitting form</h4>
                    <p>If you have enabled to display summary after submitting form user will have the <em>Close button</em> and <em>Print button</em> if you allowed printing.</p>
                    <p>If you allow the user to print a summary then the user will have the Print button after submitting the form successfully on click that the user will be able to get their submitted data in hard copy. </p>
                    <p class="doc_image">
                        <a href="assets/images/submit_action_print_button.png" rel="lightbox"><img class="aligncenter size-large wp-image-1294" src="assets/images/submit_action_print_button.png" alt="Submit Action - Edit Button" width="563" height="455"></a>
                    </p>
                    <p class="alert alert_info"><i class="ts_icon ts_icon_info_circle"></i><em>Please note, <br><br> 1. You have to select "Display a Message" form 
                    submission method from "Form submission action" in order to work "display confirmation summary after form submission". <br><br>
                    2. Confirmation summary after form submission only works with the AJAX Submission method.<br></em></p>
                    </div>
                </div>
            </div>
        </div>
        <div id="overlay"></div><a href="#" class="back-to-top"><i class="ts_icon ts_icon_arrow_large_up clear_white float_left small_right_margin"></i></a>
        <script language="javascript" src="js/lightbox.min.js"></script>
    </div>
</body>

</html>