Tabular Views

By anthonylicari on 22 Jun 2007 at 16:11 UTC

I have created views to display a page similar to this: http://teamsugar.com/blogs

I have my tabs such as Latest :: Most Viewed :: Most Comments etc.. etc...

My issue is on the tab display, I have latest as the default tab which is being displayed at the url "blogs" The other tabs like most comments is "blogs/mostcomments"

What is happening is the latest tab is appearing twice and thus pushing my row of tabs into the second row just like something you would see in the admin section. I want it to display nice and smooth on one row.

Any help would be appreciated.

Comments

http://teamsugar.com

gmasky commented 22 June 2007 at 17:17

This is a very nice site. How does one get tabs in blocks? If you can please share.

I use

anthonylicari commented 22 June 2007 at 17:39

I use the tabs module to get some slick javascript on the page and then call it in the block. I will log into one of my sites this afternoon and copy and paste the code that I use to make some tabs in blocks.

In teamsugar the dynamic javascript tabs are on the bottom of the page. Pages like I was displaying with the blog, that's just using the menu system.

___
Sky Lab

Another site that uses tabs

gmasky commented 22 June 2007 at 18:02

I like the implemention of tabs here http://www.dzone.com/ very elegant but a bit cluttered.

A little too much

anthonylicari commented 22 June 2007 at 20:08

It is a good example, my overall take on the site is a little too much of the web 2.0 look.

___
Sky Lab

tabs in block code

droople commented 22 June 2007 at 19:52

I would love to have that code as well

I hope you can share it

thanks

Here is the code and some more info

anthonylicari commented 22 June 2007 at 20:21

So if some of you are on here a lot you might have seen my post for www.cultureloungeonline.com which is a magazine that I run with some other friends of mine. Well after a year of doing this, we have sold 1 copy of the magazine online and sell all of our copies in person. So we have acquired www.culturelounge.com and I am now creating a theme that mimics teamsugar but my goal is to use little to no custom PHP and javascript. I noticed on teamsugar they said they did a lot of customizing. I want to create something that is cleaner. So I started last night on the new site and that is at www.culturelounge.com I'm working my way down but if you click "videos" or "blogs" those are the pages where I will be setting up the tab menu. I can get it set up, it's just not displaying properly like I stated. It is giving me two rows of tabs instead of one.

Here is the code for the tabs in a block, it's tailored for me but you can see where the changes need to be made.

<?php
  $module = 'views';
  $delta = 'forumhot';
  $block = (object) module_invoke($module, 'block', 'view', $delta);
  $block->module = $module;
  $block->delta = $delta;
  $tab_A = theme('block', $block);

  $module = 'views';
  $delta = 'reviewblock';
  $block = (object) module_invoke($module, 'block', 'view', $delta);
  $block->module = $module;
  $block->delta = $delta;
  $tab_B = theme('block', $block);

 $module = 'views';
  $delta = 'classifiedblock';
  $block = (object) module_invoke($module, 'block', 'view', $delta);
  $block->module = $module;
  $block->delta = $delta;
  $tab_C = theme('block', $block);

  $form = array();

  $form['community'] = array(
    '#type' => 'tabset',
  );
  $form['community']['tab1'] = array(
    '#type' => 'tabpage',
    '#title' => t('Hot Topics'),
    '#content' => $tab_A,
  );
  $form['community']['tab2'] = array(
    '#type' => 'tabpage',
    '#title' => t('Reviews'),
    '#content' => $tab_B,
  );
  $form['community']['tab3'] = array(
    '#type' => 'tabpage',
    '#title' => t('Classifieds'),
    '#content' => $tab_C,
  );

  return tabs_render($form);
?>

___
Sky Lab