Topic: Show the pagesetter data through several tabs
Starguezer
avatar
Helper
Helper
Posts: 143

Posted:
31.Mar 2007 - 18:39

Hi !

I would like to show the Pagesetter data thanks to several tabs.

For example :
- a tab with all the basic data about a product
- a tab with a video presenting the product
- a table with the technical data of the product
- etc...

But I would also like for the tabs not to be visible if there's no video, for example.

Has anyone ever tried to do something like that ? Or do you have any idea how I could do that ?

Thanks for your help
videokid
avatar
Professional
Professional
Posts: 924

Posted:
31.Mar 2007 - 19:11

Make a pub with following fields:
- title
- art nr
- text [HTML or plain]
- media-upload
- several fields [strings/text] for the additional data

then I would make CSS tabs [something cnn is using eg.]

Code

<!--[if $mediaupload.url != ""]-->show media tab <!--[/if]-->


this would be the easiest and fastest way...
you could try other ways too with inLinePub lists...

- Igor

--
Have a nice day
zikulapro.be is currently running
Zikula 1.0.2
Starguezer
avatar
Helper
Helper
Posts: 143

Posted:
1.Apr 2007 - 16:14

Thanks for the answer but how can I display several tabs in a full template ?
How build it ?
DaleB.
avatar
Freshman
Freshman
Posts: 45

Posted:
1.Apr 2007 - 20:42

You could use a the tabifier-js-script for example.
Here you can find a page where someone is using it in a Pagesetter template.

What i really would love to see are tabbed input forms for the Pagesetter data.
Starguezer
avatar
Helper
Helper
Posts: 143

Posted:
2.Apr 2007 - 02:44

Great ! Thanks a lot, I will try it when I will have more time.
Starguezer
avatar
Helper
Helper
Posts: 143

Posted:
2.Apr 2007 - 23:03

Can you give me an example of your code where you used it because I've tryed it but it doesn't display tab :s

I've uploaded the tabber.js file in modules/pagesetter/pntemplates/plugins/tabber.js

And I use it like this :

Code

<div class="tabber">

and it only show texte

     <div class="tabbertab">
      <h2>Tab 1</h2>
      <!--[$genre]-->
     </div>

     <div class="tabbertab">
      <h2>Tab 2</h2>
      <p>Tab 2 content.</p>
     </div>

</div>


but it only display :

Code

Tab 1
Comédie
Tab 2

Tab 2 content.
Tab 3

Tab 3 content.


without link, tab... Only text !

Thanks for your help

--
videokid
avatar
Professional
Professional
Posts: 924

Posted:
2.Apr 2007 - 23:38

tabber.js is javascript, not a Pagesetter plugin [no plugin whatsoever]. Move tabber.js to your javascript folder and include following line in your master.htm and home.htm [if you use Xanthia templates].

Code

script type="text/javascript" src="javascript/tabber.js" >< /script>

Make sure you read the 'howto' in the js file [if there's one of course].

- Igor

--
Have a nice day
zikulapro.be is currently running
Zikula 1.0.2
Starguezer
avatar
Helper
Helper
Posts: 143

Posted:
2.Apr 2007 - 23:54

OMG ! Thanks a lot ! It works really better like that !

And now, try to resolve the problem : why pictures doesn't display well icon_frown

--