- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
CodeCanyon formReplacer fully customize your form elements 125515
Radio \ Select \ Check \ Pretty \ Button \ Navigation \ Replacement \ Form \ Checkbox
The new, version 1.1.2 is working with jQuery 1.7
This jQuery plugin replaces default checkboxes, selects and radioboxes with more flexible and robust counterparts.
The biggest benefit is of course the ability to style those elements however you like!
Say goodbye to the pesky and inconsistent styling. Each element is created using common HTML elements like spans and lists. You only need to alter few CSS rules to completely change their appearance and perfectly match them to your website. Now that's full control.
More then that, it also.
- NEW Supports Keyboard Navigation – check it out for yourself! Focus elements with TAB , use arrows to select options on Select Elements,
Select-Multiple support also Shift + arrows and Space + CTRL .
Checkboxes and Radios can be selected with Space, after focusing.
- NEW Recognizes “disabled” attribute on inputs and options – see the Preview
- NEW Supports Right to Left languages – see README for information on RTL
- provides a super easy way to check/uncheck all checkboxes,
- allows for selecting a range (with shift-click) of options in Select-Multiple element,
- preserves full form functionality ($_GET/$_POST, submitting – all works like it always did!)
Improved interaction and usability.
In case of a checkbox and radio, whole area (label including) is click-able and has hover effects which let user know, it's click-able.
Note: for this to work you need to supply ˇ®for' attribute in Labels, which is the best practice anyway.
Each replaced element is thoroughly documented in the README . CSS file is also fully documented. This way you know exactly what to change!
When you download this code, you will also get layered PSD of all the images used (checkbox, select and radio). You can alter the colors in no time, save, change some CSS rules and you have a completely different theme that matches your website!
Of course you can create your own images and css, the sky's the limit!
Planned for version 1.1.5
- Support for scrollbars on long select dropdown lists
- Fixes for positioning of select dropdowns
- Other small improvements and fixes
- formReplacer has been updated and tested with jQuery 1.7.1
- IMPORTANT ! At least jQuery 1.7.0 is required!
- Classes and IDs are now correctly carried over from the original elements to the replaced ones
- Full keyboard navigation support and improved accessibility,
- Support for disabled inputs and options
- RTL Support
- Shift – works on groups of checkboxes,
- Shift – clicks no longer select text on Select Multiple
- Code optimization and more…
Version 1.0.1 – Initial release
Keywords: accessibility, check all, check box, checkbox, consistent, customizable, form, keyboard navigation, pretty, radio, radio button, replacement, rtl, select, select box.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Retina, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- CodeCanyon Clientage PHP Login System 19002179
- CodeCanyon Geoamplify multi-user SaaS 18977129
- CodeCanyon MonsterTV plugin to create nice banners with motion graphics for WordPress 18925779
- CodeCanyon Seo Friendly & Optimized Share buttons 18998458
- CodeCanyon Ninja War HTML5 Game & Admob Construct 2 CAPX 19071918
- CodeCanyon Brain training Double dots 19067232
- ThemeForest NorthWind A Versatile Full-Screen Slider Theme for Photographers 19030935
- ThemeForest Appx Responsive App Landing Page 19029861
- ThemeForest Milano Fashion Responsive Virtuemart Template 19027473
- ThemeForest Max Electronic Services PSD Template 19035793