WpTrunk

Tag: html form

  • Straightforward Kind JSON – jQuery Plugin (Kinds)

    Purchase $9.00

    Easy Form JSON is a jQuery plugin that serializes and deserializes a form. Serialization is the process of converting form data to JSON and Deserialization is the process of displaying JSON in the relevant form elements. You just need to create a form and you don’t need to get or put data manually.

    We usually create a form to get input from user. We usually get data from the form elements one by one manually and we also set the form element value manually that takes a lot of time when we create lots of forms. Our plugin makes it super easy to get data from the form in JSON format. It also makes it extremely easy to display values in the relevant form elements from JSON. We just need to provide IDs and names for each form element. Also in the JSON the property name/key should be same as the form element name.

    Please watch the video preview before checking the live demo.
    Click here to view video preview.

    Click here if you need Code Generators for PHP, C#, VB.Net and Entity Framework.

    Features:

    • It serializes form data to JSON.
    • It displays values in the form elements from JSON (the most important feature of the plugin).
    • It supports checkboxes and radio buttons.
    • It supports drop down and multi select lists.
    • It supports textarea and text boxes.
    • It supports password and hidden fields.
    • It supports HTML5 input types (color, date, datetime, number etc.).
    • Documentation and demo included.

    Properties:

    • data: The data that is displayed in the form. It is in JSON format. Note that the property name/key should be same as the element name (not id) of the form. Also provide a unique id for each element of the form.
    • serializeDisabledItems: It indicates whether disabled form elements should be serialized.

    Methods:

    • data(): It gets data from the form in JSON format.
    • data(data): It sets data of the form. It should be in JSON format. Note that the property name/key should be same as the element name (not id) of the form. Also provide a unique id for each element of the form.

    More Useful Items:

    1. C# Code Generator for SQL Server/MS Access
    2. C# Code Generator for MySQL
    3. C# and VB.Net Code Generator for Entity Framework
    4. PHP Code Generator
    5. Email Scheduler and Bulk Email Sender with Bootstrap
    6. ASP.Net MultiTextBoxInput Web Server Control
    7. Multi Textbox Input jQuery Plugin
    8. Android SMS Filter with Material Design
    Purchase $9.00

  • jQuery Varieties – Stylish Parts (Types)

    Purchase $11.00

    About Elegant Elements

    Elegant Elements is a jQuery Form Plugin, that allows you to create HTML Forms in clean, simple and modern style.
    There is no need for more different plugin to format each form element, just enough to add the Elegant Elements jQuery Form Plugin.

    Custom Themes

    Choose from the various predefined themes or create your own custom theme. The plugin offers more than ten predefined styles to save you tons of time. Adding or changing these themes needs to change just one parameter only in the HTML markup.

    Full Set of Elements

    Elegant Elements brings you all basic elements, that you need in any form. That means, you can easily include text input, textarea, radio button, checkbox and select box to create the form you imagined. These fields are the usual way to display the most used forms, like subscription forms or contact forms.

    Unique Fields for Advanced Forms

    In case you need some extra fields, like password or file upload, you can also find the best solution for your project. With Elegant Elements you can simply design advanced, complex forms without spending hours to set the styles and CSS rules. Just few lines of HTML code, then you are ready to go.

    Different Sizes and Colors

    Brings you the option to set custom colors or button size to make the entire form perfectly fit to your website. These feature provides unlimited combinations, that you can achieve with creating a form.

    Special States

    In some cases, you may need a disabled button or field, that can be quickly done with Elegant Elements. Disabled states are available on all type of form elements, that is included in the plugin.

    Responsive and Mobile Friendly

    Elegant Elements is completely responsive and fit to the visitor’s screen on any device, including mobiles and tablets.

    Custom Icons

    Radio buttons and checkboxes support custom icons, that helps you to make your form more user friendly. Choose from more than 500 brilliant icons, supported by Font Awesome.

    Field Notices

    Displaying the success message or a simple warning notice has never been easier with Elegant Elements.
    It can be more than useful with a password or username field to let the users know when they entered wrong details into the field.

    Supported Elements

    The following elements are supported in Elegant Elements:

    • Text Input
    • Password Input
    • Email Input
    • Tel Input
    • Search Input
    • Number Input
    • File Input
    • Select Box
    • Radio Button
    • Checkbox
    • Radio Button Groups
    • Checkbox Button Groups
    • Textarea
    • HTML Button
    • Info Box

    Key Features

    • 12 Predefined Themes
    • Custom Vector Icons
    • Custom Fields
    • Special Fields
    • Detailed Manual
    • Responsive Design, Mobile Friendly
    • Clean & Valid Code
    • Lightweight Minified and Obfuscated JavaScript
    • Multiple Instance, Create Unlimited Forms
    • Different States
    • Useful Examples
    • Compatible with All Major Browsers
    • Free Updates

    Compatible with All Major Browsers

    The following browsers are supported:

    • Google Chrome 49+
    • Mozilla Firefox 48+
    • Internet Explorer 11
    • Microsoft Edge
    • Opera 35+
    • Safari 6+

    Free updates

    Enjoy the free updates! The plugin will be regularly updated and new features will be included.

    Detailed manual

    Check the full manual! Visit the plugin documentation page.

    View Elegant Elements demo on your mobile device

    jQuery Forms – Elegant Elements

    Envato Developers

    Would you like to add this plugin into your item?

    Purchase one extended license for the item you want to sell on any Envato Marketplaces.
    Send me a mail and I will add your item link to this page.

    Changelog

    Version 1.0.3 – November 28, 2016

    - [Fixed] Responsive checkboxes and checkbox button groups in JavaScript

    Version 1.0.2 – November 21, 2016

    - [Added] Info Boxes
- [Fixed] Improving & optimizing the JavaScript code of radio buttons and checkboxes

    Version 1.0.1 – November 14, 2016

    - [Added] Icons to buttons
- [Added] The moz prefix to every box-shadow
- [Added] Background color to form controls in theme files
- [Fixed] Hide the number input spinner
- [Fixed] Hide the red box-shadow in Firefox when the input value is invalid
– [Updated] The basic-initialization.html, elements.html, forms.html in examples folder

    Version 1.0 – November 5, 2016

    - Initial release
    Purchase $11.00