Page 1 of 1

[rz] Check-n-Radio Beautifier *** UPD 2018-Aug-13 ***

Posted: Sun Sep 06, 2015 11:54 am
by [RZ]
[rz] Check-n-Radio Beautifier v1.1

This lightweight extension allows you to visually enhance the checkbox and radioubutton form objects.

Some features:

- Keyboard, mouse and touch handled.
- RWD support.
- Smooth effect.
- Colors and shadows for both 3D and flat effects with styled focus handling.
- Flexible, versatile and very easy to implement.
- Maximum backward, cross-browser and cross-platform compatibility.
- Unobstrusive, lightweight, no dependencies, no jQuery.
- Supports multi-instances; you can have different grouped fields with their own colors/settings.

...and more


HTML 4.01 Transitional
W3C compliant


DEMO


* New in version 1.1

- Added support for labels (with explicit or implicit references).
- Improved group handling.
- Detects cached values on page refresh (some browsers do not clear the field values).
- Custom offsets for specific design adjustments.
- Custom sizes.
- Custom space around the main element and the focus element.
- Extended width options.
- Improved code.
- External access to force the instance to re-replace elements (useful for advanced and complex designs).
New available function: MyInstance.refresh(); (replace MyInstance with the actual instance name.)

* New in version 1.0.2

- The core has been moved to an external file for a faster navigation between pages.
- Minor code optimizations.

* New in version 1.0.1

- Improved navigability/interactivity standards emulation.
- Fixed a sporadic startup/refresh issue on specific schemes (like an instance without the use of a form or initially hidden holder).


How to use?

1. Design your form as you usually do (with checkboxes and/or radiobuttons).
2. Drag and drop the extension into the workspace.
3. Open its properties dialog and enter the group name (the name property that is the same for the grouped elements).
4. Setup the colors and all the appearance of the replacement control (or leave them as by default).
5. Repeat from #2 in case that you need to setup a different grouped colors.
6. Preview or publish (remember: to send messages -depending on your settings- you may need php!).

Enjoy!

Re: [rz] Check-n-Radio Beautifier

Posted: Sun Sep 06, 2015 2:45 pm
by aml02873
Again a great extension. I am already using a few of your extensions and they are affordable, userfriendly and effective. I'm saving money to buy more :) It makes building a sleek website so easy. Thanks for the great work you're doing and hope you will keep up this good work.

Re: [rz] Check-n-Radio Beautifier

Posted: Sun Sep 06, 2015 2:52 pm
by [RZ]
thank you very much for your kind words

Re: [rz] Check-n-Radio Beautifier *** UPD 2016-Oct-05 ***

Posted: Wed Oct 05, 2016 11:43 am
by [RZ]
* New in version 1.0.1

- Improved navigability/interactivity standards emulation.
- Fixed a sporadic startup/refresh issue on specific schemes (like an instance without the use of a form or initially hidden holder).

Re: [rz] Check-n-Radio Beautifier *** UPD 2017-May-28 ***

Posted: Mon May 29, 2017 5:31 am
by [RZ]
* New in version 1.0.2

- The core has been moved to an external file for a faster navigation between pages.
- Minor code optimizations.

Re: [rz] Check-n-Radio Beautifier *** UPD 2018-Aug-13 ***

Posted: Mon Aug 13, 2018 7:19 am
by [RZ]
* New in version 1.1

- Added support for labels (with explicit or implicit references).
- Improved group handling.
- Detects cached values on page refresh (some browsers do not clear the field values).
- Custom offsets for specific design adjustments.
- Custom sizes.
- Custom space around the main element and the focus element.
- Extended width options.
- Improved code.
- External access to force the instance to re-replace elements (useful for advanced and complex designs).
New available function: MyInstance.refresh(); (replace MyInstance with the actual instance name.)

Re: [rz] Check-n-Radio Beautifier *** UPD 2018-Aug-13 ***

Posted: Mon Aug 13, 2018 7:48 am
by zinc
Excellent !!!! Nice one RZ!

Re: [rz] Check-n-Radio Beautifier *** UPD 2018-Aug-13 ***

Posted: Mon Aug 13, 2018 7:49 am
by [RZ]
thank you! :)