[rz] Check-n-Radio Beautifier *** UPD 2020-Apr-17 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Check-n-Radio Beautifier *** UPD 2020-Apr-17 ***

Post by [RZ] »

[rz] Check-n-Radio Beautifier v1.2

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.2

- Improved mouse cursor handling.
- Improved behavior to mimic its behavior as in the default system elements.
- More efficient code.

* New in version 1.1.0.1

- Improved alignment on fluid/dynamic scenarios.
- Improved mouse cursor to mimic as close as posible the system defaults.

* 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!
Last edited by [RZ] on Fri Apr 17, 2020 1:35 pm, edited 8 times in total.
User avatar
aml02873
 
 
Posts: 100
Joined: Mon Dec 23, 2013 5:15 pm
Location: Netherlands

Re: [rz] Check-n-Radio Beautifier

Post 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.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Check-n-Radio Beautifier

Post by [RZ] »

thank you very much for your kind words
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post 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).
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post 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.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post 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.)
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

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

Post by zinc »

Excellent !!!! Nice one RZ!
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

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

Post by [RZ] »

thank you! :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Check-n-Radio Beautifier *** UPD 2020-Mar-22 ***

Post by [RZ] »

* New in version 1.1.0.1

- Improved alignment on fluid/dynamic scenarios.
- Improved mouse cursor to mimic as close as posible the system defaults.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Check-n-Radio Beautifier *** UPD 2020-Apr-17 ***

Post by [RZ] »

* New in version 1.2

- Improved mouse cursor handling.
- Improved behavior to mimic its behavior as in the default system elements.
- More efficient code.
Locked