Shape 5

Joomla Club Extensions => Tab Show V3 - Club => : nmcguire April 14, 2015, 08:38:55 AM



: setup like example 5
: nmcguire April 14, 2015, 08:38:55 AM
I must be missing something in the setup for Tab Show

I would like to have multiple modules/images show up like you have on the demo page example 5.  How do I do that?


: Re: setup like example 5
: mikek April 15, 2015, 07:17:49 AM
Hi Neil :)

Example 5 on the demo uses our info slide script (hover over effect), are you looking for that or just plain images?

If you just want images it's the slide is just using standard <img> calls in a custom html module. That module is then published to one of the s5_tabX positions.

The way the tab show works is by publishing the actual module itself to whatever position you want. Then within the tab show there are slide positions, s5_tab1, s5_tab2, etc. Those are the slides of the tab show and where you would publish the custom html module above. In the tab show module configuration you simply pick which tab show positions you want to show in that particular copy of the module.

You can also download the Incline site shaper and install that in a sub directory if you would like to look at a live sample of the setup.


: Re: setup like example 5
: nmcguire April 15, 2015, 07:29:32 AM
Hi Mike, trust all is going well with you

What I want is to have 3 images side by side.  I could setup a module with them all in there, but that does not seem to be what you have on the documentation page.  There it seems that you have 5 modules(images), then another 5.

When I use positions s5_tab1, 2, and 3, I get a sequence of slides, 1 module for each position.  When I put 2 modules in 1 position, s5_tab1, I get one on top of another, which is not what I want.

Hopefully I am making this clear.


: Re: setup like example 5
: mikek April 16, 2015, 06:57:39 AM
Hi,

"There it seems that you have 5 modules(images), then another 5."

Nope, those are all in one custom html module. So you have five images in s5_tab1 like this:

<img src="" alt="" style="float:left;width:20%;" />
<img src="" alt="" style="float:left;width:20%;" />
<img src="" alt="" style="float:left;width:20%;" />
<img src="" alt="" style="float:left;width:20%;" />
<img src="" alt="" style="float:left;width:20%;" />

Of course you can add classes to those to add any custom styling you want, but that's the general layout if you just want five images there.

Then you would do the same thing and publish another set to s5_tab2; giving you two slides of 5 images each.

You should only use each tab show position once, publishing multiples to s5_tab1 will stack them, like you said above.


: Re: setup like example 5
: nmcguire April 16, 2015, 07:37:55 AM
ok, thanks