Hi, sorry please disable your addblok

for visit this website, thank you....

All links is disabled !

CodeCanyon Item nulled on Files-Save.com !

Detail Archive


Partner Ads

Nulled version download - "KwikForms A Comprehensive Material Design jQuery Form Builder Plugin"




Free download KwikForms A Comprehensive Material Design jQuery Form Builder Plugin !

Url download nulled Hoster Password
Free download on Uploadicious.com - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Uploadicious.com 8bb902a8
Free download on 1fichier - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar 1fichier 8bb902a8
Free download on 4Shared - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar 4Shared 8bb902a8
Free download on BigFile - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar BigFile 8bb902a8
Free download on Datafile - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Datafile 8bb902a8
Free download on DepositFiles - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar DepositFiles 8bb902a8
Free download on MediaFire - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar MediaFire 8bb902a8
Free download on Mega - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Mega 8bb902a8
Free download on Rapidgator - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Rapidgator 8bb902a8
Free download on RockFil.eu - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar RockFil.eu 8bb902a8
Free download on SendSpace - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar SendSpace 8bb902a8
Free download on Turbobit - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Turbobit 8bb902a8
Free download on Uplea - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Uplea 8bb902a8
Free download on Uploaded - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Uploaded 8bb902a8
Free download on UptoBox - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar UptoBox 8bb902a8
Free download on Zippyshare - kwikforms-a-comprehensive-material-design-jquery-form-builder-plugin.rar Zippyshare 8bb902a8

Description

KwikForms a comprehensive material design jQuery form builder plugin.

Using KwikForms you can rapidly create and add forms to your website with just a few lines of code. KwikForms supports the following html inputs:
text, textarea, text and textarea with twitter style text count, telephone, number, email, url, range, date – with date-picker, checkbox, checkbox as a switch, radio, file with xhr automatic upload and finally select.
KwikForms includes the following pre-compiled select lists:
Countries (flags optional), international dialing codes (flags optional), PayPal currencies, global currencies, languages and timezones
Plus recaptcha and honeypot

KwikForms – form processing

On submit all KwikForms provide a JSON encoded string for processing in any way the user wants e.g. php, asp etc. After processing the user is presented by the success message you create in the div #kwik-confirmation-message

KwikForms installation

It may be silly to point out but KwikForms is a jQuery plugin so jQuery is a requirement.

OK so how do you get started?

After downloadingKwikForms https://codecanyon.net/item/kwik-forms/18649470 upload the files to your host server. Logically stylesheet CSS files go into your css folder, and the javascript files into your js folder. The KwikForms download is structured like this:
  • kwik_event_calendar_v2_0_0
    • CSS
      • form-layout-style.css
    • svg
      • The svg image files needed for flag display
    • JS
      • jquery.min.js
      • form-layout.js
      • moment-with-locales.js
    • scr
      • kwik-process.php – an example form processing script
      • kwik-upload.php – an example file upload script
    • example.html
Copy-paste the stylesheet <link>’s into the <head> of your web page. Make sure they are in the following order:
  • <link rel=”stylesheet” type=”text/css” href=”path_to/css/any other style sheets you currently use”>
  • <link rel=”stylesheet” type=”text/css” href=”path_to/css/form-layout-style.css”>
Add the JavaScript pages near the end of your pages, right before the closing </body> tag. Make sure they are in the following order:
  • <script type=”text/javascript” src=”path_to/js/jquery.min.js”></script>
  • <script type=”text/javascript” src=”path_to/js/moment-with-locales.js”></script>
  • <script type=”text/javascript” src=”path_to/js/any other JavaScript pages/jQuery plugins you currently use”></script>
  • <script type=”text/javascript” src=”path_to/js/your site javascript page.js”></script>
  • <script type=”text/javascript” src=”path_to/js/form-layout.js”></script>
And that’s it all you need to do now is create an HTML element on your page to display your Kwik Event Calendar – example: <div id="my_kwik_event_calendar_HTML_element"></div>

KWIKForms Integration

Create your KwikForm as detailed below on your web page. To call and activate the KwikForm plugin add this script making sure that on the page it is BELOW the javascript files listed in “installation” <script> jQuery('{Your form ID}').kwikForm(); </script>

Building your KwikForm

Create your form like this <form role="form" id="{Your form ID}" method="post" action="{Your form processing script}" data-theme="{The form theme colour}"></form> Note: data-theme is ‘optional’ as a default exists. KwikForms inputs are built using divs and data-tags – all inputs start like this: <form role="form" id="{Your form ID}" method="post" action="{Your form processing script}" data-theme="{The form theme colour}"> <input type="submit" class="{Your button class}" value="{Your button text}"/> </form> Don’t forget to create your success confirmation message <div id="kwik-confirmation-message"></div> <h2><em>Thanks</em> for contacting us! - We will get back to you soon!</h2> </div> The KwikForms plugin then automatically creates the following base HTML <div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"></div> <div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"> <label for="{The field id}">{The label text}</label> <input type="text" name="'{The field name}" id="{The field id}" class="form-control"/> <div class="form-control-bar"></div> </div> To display inline lable and input add the class kwik-inline like this: <div class="kwik-form-group kwik-inline" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"></div> <div class="kwik-form-group" data-kwik-type="{The input type)" data-kwik-id="{The field name & id}" data-kwik-label="{The label text}"> <label for="{The field id}">{The label text}</label> <input type="text" name="'{The field name}" id="{The field id}" class="form-control"/> <div class="form-control-bar"></div> </div>

KWIKForms building the specific input types

KWIKForms building the specific input types

To create the individual input types use the following data-kwik-type’s
textdata-kwik-type="text"
textareadata-kwik-type="textarea"
textarea with twitter style text countdata-kwik-type="textcount"
telephonedata-kwik-type="telephone"
numberdata-kwik-type="number"
email data-kwik-type="email"
url data-kwik-type="url"
range data-kwik-type="range"
date data-kwik-type="date"
checkbox data-kwik-type="checkbox"
checkbox as a switch data-kwik-type="switch"
radio data-kwik-type="radio"
file with xhr automatic upload data-kwik-type="file"
select data-kwik-type="select"
To create the pre-populated select lists use the following data-kwik-type’s
Countriesdata-kwik-type="country-list"
International dialing codesdata-kwik-type="dilaing-list"
PayPal currenciesdata-kwik-type="paypal-currency"
Global currenciesdata-kwik-type="currency-list"
Languagesdata-kwik-type="language-list"
Timezonesdata-kwik-type="timezone-list"
To create the Recaptcha use the following data-kwik-type
Recaptchadata-kwik-type="recaptcha"

Additional data-options exist for the different input types

data-theme – overrides the form theme colour for individual inputs data-theme="red"
data-kwik-required – Creates a required field data-kwik-required="required"
data-kwik-errormessage – a field specific error message data-kwik-errormessage="The error message to output"
data-kwik-value – a field specific value data-kwik-value="Your value"
data-kwik-flag – displays country flags in the country-list and dialing-list selects data-kwik-flag="true"
data-kwik-min – the minimum value for number and range fields data-kwik-min="0"
data-kwik-max – the maximum value for number and range fields data-kwik-type="100"
data-kwik-step – the step value for number and range fields data-kwik-step="1"
data-kwik-max – the maximum character count for text count inputs data-kwik-max="140"
data-kwik-allowed – allowed MIME types for file uploads data-kwik-allowed="image/gif,image/jpeg,image/jpg,image/png"
data-kwik-maxSize – the maximum file size for uploads (Mb) data-kwik-maxSize="2"
data-kwik-list – array of objects to create checkboxes or radio inputs data-kwik-list="[{'id':'1','label':'Test'},{'id':'2','label':'Test this'}]"
data-kwik-option-list – array of objects to populate select lists data-kwik-option-list="[{'id':'1','label':'Test'},{'id':'2','label':'Test this'}]"