techiferous / tabulous

Easy tabbed navigation for Rails
Other
322 stars 35 forks source link

Rended Issue #29

Closed phspies closed 11 years ago

phspies commented 11 years ago

When using Tabulous 2.0.0 with Rails 4, the tabs render but the content is rendered across the current screen.

HTML:

phspies commented 11 years ago

I also can't seems to get the tabs to go active....

Tabulous.setup do

tabs do

home_tab do
  text          { 'Home' }
  link_path     { login_index_path }
  visible_when  { true }
  enabled_when  { true }
  active_when   { in_action('any').of_controller('login') }
end

couriers_tab do
  text          { 'Couriers' }
  link_path     { companies_path }
  visible_when  { true }
  enabled_when  { true }
  active_when   { in_action('any').of_controller('companies') }
end

test_tab do
  text          { 'Users' }
  link_path     { users_path }
  visible_when  { true }
  enabled_when  { true }
  active_when   { in_action('any').of_controller('users') }
end

end

customize do

# which class to use to generate HTML
# :default, :html5, :bootstrap, or :bootstrap_pill
# or create your own renderer class and reference it here
renderer :bootstrap

# whether to allow the active tab to be clicked
# defaults to true
# active_tab_clickable true

# what to do when there is no active tab for the currrent controller action
# :render -- draw the tabset, even though no tab is active
# :do_not_render -- do not draw the tabset
# :raise_error -- raise an error
# defaults to :do_not_render
when_action_has_no_tab :render

# whether to always add the HTML markup for subtabs, even if empty
# defaults to false
# render_subtabs_when_empty false

end

The following will insert some CSS straight into your HTML so that you

can quickly prototype an app with halfway-decent looking tabs.

#

This scaffolding should be turned off and replaced by your own custom

CSS before using tabulous in production.

use_css_scaffolding do

background_color 'white'

text_color 'white'

active_tab_color '#fff'

hover_tab_color '#ddd'

inactive_tab_color '#aaa'

inactive_text_color 'white'

end

end

techiferous commented 11 years ago

I see you closed the issue. Were you able to figure this out?

phspies commented 11 years ago

Yes, I thought that the product can do Ajax tabs and it seems it can't. I went with JQuery's Tabs which works very well.

Regards