Tabbed Widget Part One

Tabbed Widget

I have been trying to gt this right for months. Ok, granted, I am not an expert web programmer but I am a programmer so I was dead set on solving this. It was like there was some secret brotherhood trick, I was thinking like Battlefield Earth kind of thing. You know where the aliens hid the real technology behind a facade of dummy circuitry. I searched an search and found a lot of sites saying stuff about it but not actually implementing it, and those that did must have been doing that Battlefield Earth facade thing. Well I use it (as of March 2010) and I aint gonna hide how I got it to work – here is what I did (feel free to slate me if it does not work for you):
This got a bit long so I put this in two parts; Part one, this post is kind of the back story and how I got to what I wanted, and part two will be the how to (what to download, php, css, etc)

The Beginning
I really liked the way tabs was implemented on the 8Bit Network (ChurchCrunch ChurchCreate ChurchDrop, ChurchIT and ChurchLoop) and much of my digging around started with looking how it was implemented there. I used FireBug quite a lot but even though I learned much; I could not figure it out – must have been because wooTabs was used and I think that’s a component of a paid theme (don’t quote me on that, I could be wrong). And of did I Google the phrases half to death to find good examples I could learn from.

First Steps
The first sign of progress was when I stumbled upon idTabs. It was fantastic. It was just what I needed and the examples were independent of any theme. http://www.sunsean.com/idTabs/ is a plugin for jQuery that is supported in wordpress 2.9.2. All that I needed to do was download the js file, follow the instructions and all would be set. Right? Wrong. Nothing is ever that easy.

Objective
I wanted to use the tabbed widget because it would allow we to offer more information in less vertical real estate in the sidebar. In fact it could be used anywhere to save space; post footer, blog footer, even expandable menu links in the navigation bar. I wanted to display the popular posts, categories and maybe in future – archives.

What is to Follow
Obviously I got it working. Ok, I am a nut – it took me a few months – a few hours a week around midnight to finally figure it out. Which will be shared next week :)

Moving on
I really need to improve both my Post footer and blog footer, so I think I will start taking a look at how I can further implement the tabs in those areas – maybe when you read this it will have already been done; if not – flame me ;) The nice thing about the tabs and the css uses to style it is that I keep the look the same with minor adjustments in the different regions.

  • 7 Responses to “Tabbed Widget Part One”

    1. Karl Foxley March 8, 2010 at 3:10 pm #

      That is some serious dedication to getting something to work. I’m like you on that one, if I want something done I will keep cracking at it until I solve the problem.

      Regards,

      Karl
      Karl Foxley´s last blog ..Dear Blog Engage Members, Can We Make History? My ComLuv Profile

    2. broadway musicals on dvd May 20, 2010 at 12:53 pm #

      We enjoy the actual post created by you and would look for comparable posts through you which would surely all of us to in one or another methods. Thanq

    3. Ernestine21Stein July 4, 2010 at 10:35 am #

      Have no money to buy a car? Don’t worry, because that is real to receive the loans to solve such kind of problems. Thence get a secured loan to buy all you want.

    4. Laser Hair Removal Facts July 5, 2010 at 10:53 am #

      This is my first time i visit right here. I found so numerous interesting stuff in your weblog especially its discussion. From the tons of comments on your content articles, I guess I am not the only one having all of the enjoyment here! keep up the good function.

    Trackbacks/Pingbacks:

    1. faith-based film - March 2, 2010

      Tabbed Widget Part One: I have been trying to gt this right for months. Ok, granted, I am not an ex… http://bit.ly/cf5vdK (@phillipgibb)

    2. Tabbed Widget Part Two | Synaptic Light – a Journey in Filmmaking and Social Media - March 12, 2010

      [...] Box WordPress PluginPreviously I wrote of my frustrations and desire to figure out tabbed widgets: Tabbed Widgets Part One. Funny that I had to struggle to find a way to display the code in a way that would not be parsed [...]

    Leave a Reply:

    Gravatar Image

    XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    CommentLuv Enabled

    This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.

    Spam Protection by WP-SpamFree


    Comment links Optimised by hobo.