techiferous/tabulous

Rended Issue

phspies opened this issue · 3 comments

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

HTML:

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

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

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