Bootstrap themes

[tonym]

Hi All,

relatively new to Hobo, but loving it - great job and I hope to contribute as I get more experience.

Not sure if I'm missing something, but... I've tried selecting the bootstrap theme (on v2.0 pre4) from setup wizard, it then asks which JQuery template to use, but no matter which jQuery template I select the theme always looks the same

Or are the jQuery themes just icon and button styling? (though I still couldn't see a difference)

How do I use other available Bootstrap and/or jQuery based themes, and how can I modify the default one (can't seem to find the css for modification or any guidance on how).

Thanks, Anthony.

[Bryan Larsen]

The jQuery-UI theme just affects dialog boxes, datepickers and the
elements in the jQuery-UI tab of the cookbook.

Virtually all of the bootstrap CSS lives in
https://github.com/vwall/compass-twitter-bootstrap gem.

Changing the bootstrap theme is something I haven't completely figured
out yet. You can override css in your front_site.scss file, as well
as set different values for some of the bootstrap variables like

$navbarBackground: red;

Making it easier to theme is something we definitely do want to do:
https://github.com/Hobo/hobo_bootstrap/issues/9

Bryan

> --
> You received this message because you are subscribed to the Google Groups
> "Hobo Users" group.
> To view this discussion on the web visit
> https://groups.google.com/d/msg/hobousers/-/m2px11P5WOwJ.
> To post to this group, send email to hobo...@googlegroups.com.
> To unsubscribe from this group, send email to
> hobousers+...@googlegroups.com.
> For more options, visit this group at
> http://groups.google.com/group/hobousers?hl=en.

[tonym]

Thanks for the quick reply Bryan,

yes, I thought it would be possible to override the scss.  Didn't seem to work at first.  Had to figure out what order the includes were - front.scss is loaded before bootstrap, application.scss is loaded after, I think it would be better if front.scss was the last to load, but may be reasons why you can't do that?  And my front and application folder contents don't seem to load, not sure why.

Anyways, got things working the way I needed.

Thanks, Anthony.

[Bryan Larsen]

front.scss is the only file loaded, it includes everything else. You
will notice that there's a "require application" line in front.scss
near the top. You can move that line wherever you want.

If you want to set some bootstrap variables, I recommend that you
create a "bootstrap_overrides.scss" file, and then require it from
front.scss before bootstrap gets required.

Bryan

> https://groups.google.com/d/msg/hobousers/-/PGQWJGKKv3oJ.

[paulj...@gmail.com]

I had not seen this thread, but I have applied the Cerulean theme from Bootswatch.com to the admin side of a H2/Hobo_with_bootstrap site.

I copied bootstrap.css from the theme over app/assets/stylesheets/admin.scss, reloaded the page, and the theme was applied.

My app may not exercise all Bootstrap objects, but what I have used looks like it is using the theme.

I will be trying more of this in the next two weeks and will report successes and issues.

[tonym]

Excellent,  thanks for the help Bryan.