Forums

So first question on the boxes - there was a way to use multiple style checkboxes (e.g. Toggle, slider) in V7, but it doesn't appear that it's an option in V8.

Am I missing something?  The toggles looked so much nicer and cleaner.  In addition, it doesn't appear the checkbox/toggle aligns with the textbox any more, instead aligns with the label.  I'm using a container with a grid.

See below for examples and additional question:

V7 - original style (looks great)

v8 - NUI style

Also, both are above at 90% zoomed on my screen and NUI looks significantly larger.  Is there a way to easily shrink all fields on a form?

you can shrink the v8 if you set a lower font-size style for the "Form" itself using code like this:

form.form.nui{
font-size:0.9em;
}

For the checkbox, a top label will be needed to align it with other fields, I will try to add this to the next update

and regarding the toggle style, this is not in nui, so I will need to add this, hopefully in a near update too

Thanks Max, that sizing thing worked perfectly!!!!

1 clarification, 1 extra question :)

 - CF7 didn't need a top label to align with the box. I don't necessarily mind if that changes, but I'm just curious if there's a way to do it without the top label as in the pic?

CF8 - it doesn't appear there's an "onclick" event for buttons.  Am I missing something?  I tried using the "changes" event but it doesn't seem to fire with a click.

Thanks for all your help!

The other thing that CF7 did well with checkboxes was to allow for control of the layout when many checkboxes were used. The ability to layout the checkboxes in columns is critical with larger numbers of options. 

In CF8 there is no way to control the layout of a large number of checkboxes. (The same lack of control also extends to dropdowns - no columns option available in CF8.) This seems to be because the checkboxes in version 8 are contained in a flexbox. While a flexbox is great for a lot of things it is very difficult to control the layout in a flexbox. Trying to 'make it work' using CSS seems to be difficult and unreliable.  Could a different type of container be used instead of a flexbox?

John