Styling Checkboxes

General questions about NeoAppBuilder - our rapid application development tool for building HTML5, web and mobile apps.

Moderator: Neosoft Support

Locked
User avatar
luishp
Posts: 410
Joined: Wed May 23, 2007 10:17 am
Location: Spain
Contact:

Styling Checkboxes

Post 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?
Luis Hernández - SinLios Soluciones Digitales
http://sinlios.com
Neosoft Support
NeoSoft Team
Posts: 5628
Joined: Thu Mar 31, 2005 10:48 pm
Location: Oregon, USA
Contact:

Re: Styling Checkboxes

Post 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.
NeoSoft Support
Neosoft Support
NeoSoft Team
Posts: 5628
Joined: Thu Mar 31, 2005 10:48 pm
Location: Oregon, USA
Contact:

Re: Styling Checkboxes

Post 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.
NeoSoft Support
User avatar
luishp
Posts: 410
Joined: Wed May 23, 2007 10:17 am
Location: Spain
Contact:

Re: Styling Checkboxes

Post 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&lim ... orks=false

Good to know NeoAppBuilder will add styling options for checkboxes and radio buttons :-)
Luis Hernández - SinLios Soluciones Digitales
http://sinlios.com
Locked