Better Checkboxes

XenForo Better Checkboxes

XenForo

Administrative
  • Thread starter
  • Admin
  • #1
XenForo submitted a new resource:

Better Checkboxes - Add hover/active styling, transitions and change cursor for better UI

5aedd42fa6d92.png


Overview

This simple CSS insert adds a nice subtle UI tweak for your checkboxes. First, we'll fade out unchecked boxes and labels to a softer color, helping to give them a "deactivated" appearance. Next, we highlight the checkbox color when hovering over an option.

When a box is checked, we'll change the label color back to normal giving it an "on" appearance. We'll apply fade...

Read more about this resource...
 

XenForo

Administrative
  • Thread starter
  • Admin
  • #2
XenForo updated Better Checkboxes with a new update entry:

Added support for radio options

The latest code on the main resource page now has support for radio input options.

To make the change manually in your template, simply find:

Less:
// Don't apply to off-canvas controls
.formRow .iconic > input[type=checkbox] {

Replace with:

Less:
// Don't apply to off-canvas controls
.formRow .iconic > input[type=checkbox],
.formRow .iconic > input[type=radio] {

Read the rest of this update entry...
 
Back
Top Bottom