Page 1 of 1

Styling Checkboxes

PostPosted: Wed Feb 04, 2015 2:06 am
by luishp
I have been trying almost everything to custom style checkboxes with no success.
I understand NeoAppBuilder includes JQuery so i think this should work once libraries are imported:

http://alt-checkbox.starikovs.com/

Perhaps i'm missing something about how Angular and JQuery work together.
┬┐Any idea?

Re: Styling Checkboxes

PostPosted: Wed Feb 04, 2015 11:57 am
by Neosoft Support
It may be that the required fonts aren't being recognized by NeoAppBuilder. I'll have to download a copy of this library and take a look.

Re: Styling Checkboxes

PostPosted: Mon Feb 09, 2015 12:15 pm
by Neosoft Support
I was able to get this library to work with some difficulty. I had to download the font used by the library and install it in Windows. Then I had to modify the library's css to use the local copy font instead of trying to download it from the web. (Most browsers will not allow fonts to be downloaded when viewing local html content.)

However, this library isn't a terrific match for what we're doing with NeoAppBuilder because it requires JavaScript to modify the appearance of the checkbox. This works, but if you're using page transition effects, the checkbox appearance can't be modified until after the page transition which looks bad.

There will be other options for changing the appearance of checkboxes in NeoAppBuilder in the future.

Re: Styling Checkboxes

PostPosted: Tue Feb 10, 2015 12:53 am
by luishp
I have been testing many solutions to style NeoAppBuilder checkboxes with only partial success.
Pure CSS requires some html code tweaks to standard <input type="checkbox"> label.

I like this one:
https://github.com/flatlogic/awesome-bootstrap-checkbox

But there are a lot of interesting options:
http://codepen.io/search?q=checkbox&limit=all&depth=everything&show_forks=false

Good to know NeoAppBuilder will add styling options for checkboxes and radio buttons :-)