Avatar tops asked

Widgetkit Tabs : content auto height

When using widgetkit tab's is it possible to have different heights for the tab contents ?

In certain tabs the content is bigger and in others shorter, so it would be important that the tab content height will adapt to the content.
More or less like it happens with the jquery tabs, see demo : http://jqueryui.com/demos/tabs/

I know this feature is not available by default, but please let me know if it's possible to make some changes to the code to be able to achieve this.

Regards!
Adriano

  • Joomla
  • Widgetkit
  • Shelf

Edited

27 Answers

4

Avatar tops answered

Hi Guetty,

I understand your interest, as several others in this forum, so please vote the question and ask others to vote it.

In a previous answer from Florian (Yootheme) (that answer was edit and is modified now!!!) he told me that the only solution is to dig and make changes into a minimized version of the javascript code from the widgetkit slideshow effect!
That's difficult because you have to "reverse-engineer" into a code that you don't know and that's automatically minimized and put together into a single file that is impossible to debug in a browser.
So, even if you want to dig into the code, you will have first to break all automatic "minimizations" that widgetkit have in place ...
And in the end that might go against the Yootheme license, because that's not GPL code!!!

So, basically the answer is, it's not possible to have auto-height according to the content using the slideshow.

I don't thing that would be a major work to the Yootheme people, because they are already doing some similar in the accordion, but I don't have any indication that they will do this change to the slideshow.

I renewed the subscription because of the tab feature, but now it's useless! I'm really disappointed with this!

Regards!

1

Avatar tops answered

Any feedback ? This is really important, because content for tab's rarely have the same height in all tab's.

Edited

1

Avatar andyjames answered

I have been working on a tabs widget for widgetkit. It essentially works very similar to the slideshow widget, but uses the jquery tools tabs plugin.

http://jquerytools.org/documentation/tabs/index.html

We also plan to also make it work with jquery ui tabs. This widget is designed for tabs instead of a slideshow so works just like tabs should. The height is not fixed.. which is obviously the key and solves all the issues mentioned in this post.

Would this be helpful to any of you? I need to finish up some of the code and test it, but its mostly working. So thought I would see if there is any interest before I spend more time on it. But happy to make it available :)

Edited

1

Avatar jamal.ajan answered

Hi guys,

really need this auto height thing also the plugin widget dont work with eachother :( otherwise yootheme the best ever that happend to joomla! good work and bravo!

1

Avatar tops answered

Hi jamal.ajan,

If you haven't done it yet, please vote the question.
With enough votes we might caught Yootheme attention and get this feature implemented. ;-)

0

Avatar tops answered

Hi,

Please give me some feedback on this.
The tab's was the reason why I bought a new subscription (and you know because I have exchange some emails with you) ...
And now it doesn't work as tab's normally do ...
Please let me know an workaround to this ...

Regards,
Adriano

0

Avatar tops answered

Hi Florian,

Thanks for your answer.

Is it possible to make some css (or javascript changes) to make the height adapt according to the content.

These tab's have such a beatiful look, that I really would like to use them for the content (and I see that others have already asked about it).

Just let me know if it's a daunting job, or if it can be done, and give me some lights about the places were I should make changes ...

Regards,
Adriano

0

Avatar tops answered

Hi Florian,

The problem is not the "compressed", the problem is that making changes to something that you don't support and will not be upgradable...
If it was just a question of a css style ...

I see part of the javascript "problem" where you are defining the fixed height
this.slides = this.ul.css({
position: "relative",
height: this.options.height
}).children().css({
top: "0px",
left: "0px",
position: "absolute",
width: d,
height: this.options.height
}).hide();

You could easily change the code to allow to "match the content height" like you do in the accordion...
Any plan's to do that ?

Regards

0

Avatar guetty.richard answered

Hello

Have you find a solution? I am interested

cordially

0

Avatar jamie.d.shields answered

I asked the same question and they said you cant do it.
I just moved my tabs to JQuery and used the Yootheme CSS to style them.

0

Avatar tops answered

Hi Jamie,

Thanks for your input.
Vote the question, that maybe they will implement it one day. :-)

Regarding your jquery tabs option, you need to load another library (jquery ui), right ?

We need to be loading more stuff in our websites, when everything is already there ... ;-)

Regards!

0

Avatar jamie.d.shields answered

Hey Tops

Yes i am afraid thats what i had to do. Load the JQuery UI Libary but then at least i got exactly the functionality i wanted.

I needed the height of tabs to be the same as the individual tab content, the ability to disable a tab or choose a specific tab using JS which i could not get from the YooTheme component.

J

Edited

0

Avatar tops answered

Hi Andy,

That would be great!
And if it's possible to make it look like the actual widgetkit tabs, that will be even better. ;-)

Thanks for your efforts.
Looking forward for more news on this front.

Regards!

0

Avatar teezee answered

Yes I would also appreciate this widget. Agreed it should look like the widgetkit tabs, hopefully you can include a 'cloud' theme style?

Thanks again.

0

Avatar tops answered

@Andy,

How are things going ?

Regards!

0

Avatar steve.vilardo answered

I actually thought there would be a right bar scroll for the ones that have more content...I actually looked for this in the settings. Kinda like the Joomla wrapper does, and a few other extensions I have worked with...you can set the scroll height....

0

Avatar gary.edwards answered

Has there been any progress on this feature? If not, can someone point me to a workaround? I'm using Widgetkit 1.3.1 and facing the same issue with content length between tabs.

0

Avatar lorenzo answered

... this is a nonsense, I finally dropped slideshow widget and replace it with the extension SP Tab by Joomshaper which adapts perfectly to content...

0

Avatar tops answered

Hi Lorenzo,

That seems a great extension!
Do you have idea if it includes a lot of new CSS and JS files that must be loaded in each new page ?
We have already to load all JS and CSS files from Yootheme and widgetkit and speed is an issue when you start to include a lot of files.

It's a shame that Yootheme doesn't do such simple changes like this requested for a long time ...

Regards!

UPDATE : I though it was paid, but now I have seen it's free, so I can check it.

Edited

-16

Avatar florian Yootheme answered

The slideshow is not build for the way you intend to use it. Changing it would result in a huge amount of work. I would suggest you either create an own widget from scratch or use something like the jQuery UI solution you already mentioned: http://jqueryui.com/demos/tabs/

Edited

-17

Avatar florian Yootheme answered

The Tabs are only a certain style for the slideshow widget. All slides must have the same height - if you have different height-values the widget will always take the maximum value for all slides. Since it is actually meant for a slideshow-usecase and not so much for a content-user-interface (like the jquery ui tabs you mentioned) this actually makes sence. If you want to use the slideshow for huge amounts of content you must either accept the white space or try to separate your content so the height of the slides does not vary too much.

If you are looking for a widget with different content-lengths you should try the Accordion. http://www.yootheme.com/widgetkit/examples/accordion

Know someone who can answer? Share a link to this question via email or twitter.