Hi guys,
I am using Rails 4, Bootstrap 3 and simple_form and have been having a
bit
of trouble implementing Flat UI into my existing site. I used the
following
article to implement: http://joanswork.com/add-flat-ui-pro-to-rails/.
When
I tried to run my app, my first error was that typeahead.js was missing.
So
I went into the flatui.js file and removed this. Then I run the app
again
and this time it loaded. Now when I look at my radio-buttons, all they
have
is the label, when I click on them, I get a radio button, but it’s
styling
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
the
first time? Am I missing a class designation? I’ve attached images:
fresh page:
clicked on one radio button:
clicked on second radio button:
Am I supposed to used classes to load and style correctly. I’m also
trying
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 ‘jquery-ui-rails’
gem ‘less-rails-bootstrap’
gem ‘designmodo-flatuipro-rails’
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.
Thank you!