JavaScript Lightweight Modern Drag & Drop Libarary : Draggable JS

Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to.Features:Works with native drag, mouse, touch and force touch eventsCan […]

The post JavaScript Lightweight Modern Drag & Drop Libarary : Draggable JS appeared first on Webostock Marketplace.

Webostock Marketplace

LoftBuilder Pro – Drag & Drop Page Builder for WordPress (Utilities)

LoftBuilder is a drag & drop WordPress page builder. You can build responsive layouts, add text and media, and create engaging animations and interactions. Build your site page in minutes. Without coding.

Intuitive

You can edit every element on the page directly. Type text, change column width, drag and drop to change everything’s position… You know what’s going on your page while working.

It’s not a front-end editor. It’s an editor with front-end looking. That makes your published front-end pages always keep clean, without any extra codes.

Works with any theme

LoftBuilder is a flexible plugin, and it works with almost any theme. You will not lose the content when you switch themes.

Switch published content

You can choose which content to publish for each page: the content created in LoftBuilder editor, or the content written in WordPress default editor. So you can publish some essential/summary content while working on more details of a page.

Unlimited Colors

Each element and background can be set to any color you want. And to keep the look consistent throughout your site, you can set a primary accent color and apply it to element – buttons, icons, charts, maps, color overlays, and etc.

Compatible with modern browsers: Chrome, Safari, Firefox, Opera, Edge.

Features & Options

  • 16 modules: Text, Media, Button, Icon, Accordion, and etc.
  • 2 special sections: Posts and Tabs.
  • 12 predefined sections with pre-designed layouts and sample content.
  • Font Awesome icons are included.
  • Custom background color/image for page header, sections and columns.
  • Background parallax scroll effect for page header and section.
  • Color overlay on top of the background image.
  • Page content entrance animation.
  • Individual custom CSS for each page.
  • Responsive & retina ready.
  • Ready for translation (.pot file included).
  • Support for pages & posts.
  • Easy to add other plugins’ shortcodes by Shortcode Module.
  • Compatible with popular WordPress plugins.

Any Problem?

Please feel free to contact us if you encounter any issue. We are very pleased when our users find bugs we missed! And we are always ready to support you, and will continue improving LoftBuilder.

When you need our support, or would love to report a bug, or request new features, or want to ask any question, please:

Credit

You can find the high-resolution photos we used in the preview site and predefined sections on Unsplash.

CodeCanyon new WordPress items

formBuilder : jQuery Drag Drop Form Builder

A jQuery plugin for drag and drop form creation.To start building forms with this plugin call formBuilder() on the textarea you would like to make your editor. FormBuilder takes a number of options and is translatable. Read More Demo Download

The post formBuilder : jQuery Drag Drop Form Builder appeared first on Webostock Marketplace.

Webostock Marketplace

Drag Drop Pricing Lists Builder for WordPress (Interface Elements)

Drag Drop Pricing Lists Builder is a Multi Purpose WordPress Plugin which allows you to create lists, panels, flyers, profile listing and much more with a simple and flexible drag and drop interface. You can drag a bundle of presets including icons, maps, images, text, and much more. It also includes 33 pre made themes to choose and you can also create unlimited color combinations using color pickers. It has 40+ hover effects and you can set them for each item individually.

Features

  • Unlimited Columns
  • Unlimited Rows
  • 33 Pre Made Themes
  • Simple and Easy Admin
  • Ribbons
  • 600 Icons
  • Shortcode Generator
  • Fully Responsive
  • Shortcodes Supported
  • 40+ Hover Animations for each Item
  • Unlimited Color Combinations
  • Custom CSS Box


CodeCanyon new WordPress items

Smart Tabs – Drag & Drop Tab Shortcode Builder (Accordions)

Smart Tabs Video

Smart Tabs Presentation

Smart Tab is an awesome shortcode builder, that allow you to preset you contents in a tabbed style. The plugin easy to customize and easy to generate unlimited tab sets anywhere in WordPress page and post.

Smart Tab is comes with lot more backend and front-end opportunity. you can easily short you item, switch tab style and many more. The cool feature of this plugin is that, Smart Tab has been developed with Bootstrap framework with ThemeXpert’s own prefixes that avoid CSS conflict with others plugin.

Features

  • Smart Tab is responsive and friendly to any mobile devices
  • Limitless tab anywhere in the theme
  • Use via short-codes
  • Numerous preset styles
  • Draggable tab items for easy sorting
  • Live tab header change
  • Selectable icon for tab titles
  • Live icon change with each selection
  • Awesome input field for tabs content.
  • Bootstrap framework.
  • Less for quick customization
  • Gulp for instant workflow
  • Highly customized for User Experience
  • Slick Frontend and backend UI
  • Form Validation with color changes
  • Add and remove tab item from backend.
  • Font Awesome Icon Support
  • Nested Shortcode implemented
  • Open the first tab item by default
  • Alert when deleting items from backend

Support
CodeCanyon new WordPress items

Super Forms – Drag & Drop Form Builder (Forms)

Description

Super Forms is the one and only plugin that you will ever need for your contact forms. This WordPress Plugin is very user friendly when it comes to building forms. With unlimited options you will be able to create any kind of forms. With conditional logic, Multipart elements and tons of customizable options and settings to adjust any color of any element to fit your needs. No matter what theme you have installed Super Forms will fit with it’s color scheme functionality.

Send confirmation emails, save contact entries with it’s data. And much more functionality!

Settings & Options:

Conditional logic

Every element can have one or more conditional logics. This way you can create advanced and complex forms if you need to do so. The following options can be set for your element when it comes to conditions:

  • Show or Hide (Disabled/Show/Hide)
  • When to Trigger (When all conditions matched/When one condition matched)

Possible conditions you could use are:
?? Contains
== Equal
!= Not Equal
> Greater than
< Less than
>= Great than or equal to
<= Less than or equal to

Live preview mobile/tablet/desktop

To quickly check what your form looks like on the front-end you can easily click the preview button. There you can also choose to preview the mobile or tablet preview.

Settings & Options:

Email Headers

  • Send mail to (To:)
  • Send mail from (From:)
  • Email subject (custom subject for admin email)
  • Email content type (HTML/Plain text)
  • CC email to (Cc:)
  • BCC email to (Bcc:)
  • Additional Headers

Email Settings

  • Send Admin Email (Yes/No)
  • Email Body Open (custom message)
  • Email Body (custom message)
  • Email Body Close (custom message)
  • Email Loop (the way fields/submitted data is looped)
  • Confirmation Email (Yes/No)
  • Confirmation To (an email address) you can also use tags e.g. {field_email}
  • Confirmation From (an email address) you can also use tags e.g. {option_admin_email}
  • Confirmation Subject (custom subject for confirmation emails)
  • Confirm Body Open (custom message for confirmation email)
  • Confirm Body (custom message for confirmation email)
  • Confirm Body Close (custom message for confirmation email)

Email Template

  • Select email template (extra email templates can be created and hooked into the plugin, we will be developing email template also)

Form Settings

  • Save data (Yes/No) contact entry will be saved to the database
  • Form action (custom actions can be added by developers through hooks)
  • Error FadeIn Duration (duration in milliseconds for errors to fade)
  • Thanks Title (a custom title message to the user after succesfully submitting a form)
  • Thanks Description (a custom description message to the user after succesfully submitting a form)
  • Preloader (Yes/No) use a fancy preloader while the form is being loaded/generated
  • Form redirect option (Custom URL/Existing Page) redirects the user after submitting the form
  • reCAPTCHA key (google spam protection)
  • reCAPTCHA secret (google spam protection)

Theme & Colors

  • Theme style (Default Squared/Default Rounded/Fully Rounded/Minimal)
  • Form Maximum Width (You can set a maximum width for a form, 0 means no maximum)
  • Label & Description colors
  • Field Colors
  • Icon Colors
  • Rating Colors (used for the Star Ratings field element)
  • Progress Bar Colors (used for multipart forms / step by step form)
  • Progress Step Colors (used for multipart forms / step by step form)
  • Progress Step Colors Active (used for multipart forms / step by step form)
  • Error Colors (font color for errors)

Submit Button

  • Button name
  • Button Colors
  • Button radius (Square/Rounded/Full Rounded)
  • Button type (3D/2D/Flat/Outline/Diagonal)
  • Button size (Mini/Tiny/Small/Medium/Large/Big/Huge/Massive)
  • Button position (Align left/Align center/Align right)
  • Button width (Auto/Fullwidth)
  • Button icon position (No icon/Left icon/Right icon)
  • Button icon visibility (Always visible/Visible on mouseover)
  • Button icon animation (Horizontal/Vertical)
  • Button icon (choose any FontAwesome icon you want)

Changelog

December 11, 2015 – Version 1.0.2

 - Added: Action Hook (super_before_printing_redirect_js_action) to do something before displaying or redirecting after completed submitted form. - Fix: On editing column previously generated fields are not correctly retrieved. - Fix: For columns the conditional logic wasn't looping through multiple conditions only through the first condition. 

December 10, 2015 – Version 1.0.1

 - Fix: Dropable snap not allowed when not a column or multipart - Fix: Conditional trigger, wasn't fired on dropdown change - Fix: Some PHP errors removed during debug mode - Fix: Some other smaller bug fixes 

December 9, 2015 – Version 1.0.0

- Initial release!

CodeCanyon new WordPress items

Smart Accordion – Drag & Drop Accordion Builder (Accordions)

Smart Accordion is the most easiest drag & drop accordion shortcode builder for WordPress. You don’t have to believe me, watch this video below.

video preview

Features List

  • Drag and Drop builder
  • Built with Bootstrap
  • Lightweight and fast
  • Fontawesome Icon support
  • 5 built-in styles
  • Shortcode
  • WooCommerce supported
  • More commin…

ThemeXpert Support

CodeCanyon new WordPress items

Shop7 – Ecommerce Email + Drag & Drop Builder (Email Templates)

Shop7 Specification’s and features:

• Responsive Design.
• 01 file for geneal uses.
• 01 file for responsive version.
• 01 file for mailchimp uses (all module included).
• 01 file for campaign monitor uses (all module included).
• 01 file for MyMail Plugin.
• 01 Sliced and Layered PSD file (all module included).
• Unlimited Color variations.
• Unlimited Layout’s.
• Endless Possiblities.
• Valid HTML 4 .01 Transitional.
• Inline CSS.
• TABLE Based structure.
• Dreamweaver Validate.
• w3schools validate.
• Unique layout.
• Well commented code.
• All major email clients tested.
• Easy to customize.
• Well Documented.

Compatible clients and devices:

• Apple Mail.
• Android 2.3/4.
• AOL (Cromo, Firefox, IE).
• AOL (Cromo, Firefox, IE, Safari).
• outlook.com.
• Yahoo Mail (Cromo, Firefox, IE).
• Thunderbird.
• Microsoft Outlook 2003/2007/2010.
• Outlook Express.
• Windows Mail.
• OperaMail.
• iPad 5.0.
• iPhone (4/5/6/6+).
• Live Mail.
• Lotus Notes.
• And many more …

Please Note:

All demo images that are used on the template are from http://www.photodune.net/, http://www.unsplash.com

Note: Images shows on preview are not included in main download file. You have to include your own images for the template. The sizes are mentioned for each image. Thanks for your understanding.

Special Notes:

1. Outlook does not support the background images.The template uses a background color instead of images on outlook. 2. Outlook does not render Google fonts. 3. Gmail App for Android is not Supported.

Version:

Version 1.0 – initial release
ThemeForest new Email Templates items

Croiss – Responsive Email + Drag & Drop Builder (Email Templates)

Croiss Specification’s and features:

• Responsive Design.
• 01 file for geneal uses.
• 01 file for responsive version.
• 01 file for mailchimp uses (all module included).
• 01 file for campaign monitor uses (all module included).
• 01 file for MyMail Plugin.
• 01 Sliced and Layered PSD file (all module included).
• Unlimited Color variations.
• Unlimited Layout’s.
• Endless Possiblities.
• Valid HTML 4 .01 Transitional.
• Inline CSS.
• TABLE Based structure.
• Dreamweaver Validate.
• w3schools validate.
• Unique layout.
• Well commented code.
• All major email clients tested.
• Easy to customize.
• Well Documented.

Compatible clients and devices:

• Apple Mail.
• Android 2.3/4.
• AOL (Cromo, Firefox, IE).
• AOL (Cromo, Firefox, IE, Safari).
• outlook.com.
• Yahoo Mail (Cromo, Firefox, IE).
• Thunderbird.
• Microsoft Outlook 2003/2007/2010.
• Outlook Express.
• Windows Mail.
• OperaMail.
• iPad 5.0.
• iPhone (4/5/6/6+).
• Live Mail.
• Lotus Notes.
• And many more …

Please Note:

All demo images that are used on the template are from http://www.photodune.net/, http://www.unsplash.com

Note: Images shows on preview are not included in main download file. You have to include your own images for the template. The sizes are mentioned for each image. Thanks for your understanding.

Special Notes:

1. Outlook does not support the background images. 2. Outlook does not render Google fonts. 3. Gmail App for Android is not Supported.

Version:

Version 1.0 – initial release
ThemeForest new Email Templates items

Drag and Drop Newsletter Builder using jQuery

In this tutorial i will teach you how to create a drag and drop interface for a newsletter builder using jQuery. You will be able to create your own template and import it in the builder because i have designed the builder to work with various templates not just the one in the example. I will explain to you how you can insert your own template at the end of this tutorial.

Read More

Demo

Download

The post Drag and Drop Newsletter Builder using jQuery appeared first on Webostock Marketplace.

Webostock Marketplace