I am using Rails 4, Bootstrap 3 and simple_form and have been having a
of trouble implementing Flat UI into my existing site. I used the
article to implement: http://joanswork.com/add-flat-ui-pro-to-rails/.
I tried to run my app, my first error was that typeahead.js was missing.
I went into the flatui.js file and removed this. Then I run the app
and this time it loaded. Now when I look at my radio-buttons, all they
is the label, when I click on them, I get a radio button, but it’s
makes it look really cramped. When I click on another radio button, the
initial one showed disabled. How do I get to load the correct styling
first time? Am I missing a class designation? I’ve attached images:
clicked on one radio button:
clicked on second radio button:
Am I supposed to used classes to load and style correctly. I’m also
to style my selects which currently look like this:
My gem file looks correct with:
Use SCSS for stylesheets
gem ‘sass-rails’, ‘~> 4.0.0’
gem ‘therubyracer’, platforms: :ruby
and my css file and js files include the following lines:
//= require jquery
//= require jquery.ui.button
//= require jquery.ui.datepicker
//= require jquery.ui.slider
//= require jquery.ui.spinner
//= require jquery.ui.tooltip
//= require jquery.ui.effect
//= require flatuipro
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
Any help/pointers are highly appreciated.