Source language: Translate to:

Styling Checkboxes

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

Moderator: Neosoft Support

Styling Checkboxes

Postby luishp » Wed Feb 04, 2015 2:06 am

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
User avatar
luishp
 
Posts: 359
Joined: Wed May 23, 2007 10:17 am
Location: Spain

Re: Styling Checkboxes

Postby Neosoft Support » Wed Feb 04, 2015 11:57 am

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: 5603
Joined: Thu Mar 31, 2005 10:48 pm
Location: Oregon, USA

Re: Styling Checkboxes

Postby Neosoft Support » Mon Feb 09, 2015 12:15 pm

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

Re: Styling Checkboxes

Postby luishp » Tue Feb 10, 2015 12:53 am

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 :-)
Luis Hernández - SinLios Soluciones Digitales
http://sinlios.com
User avatar
luishp
 
Posts: 359
Joined: Wed May 23, 2007 10:17 am
Location: Spain


Return to General NeoAppBuilder Discussion

Who is online

Users browsing this forum: No registered users and 1 guest