Knowledgebase
View categorized listing of all common frequently asked questions.
Video Tutorials (jReviews 2.0)
Learn how to create a Movie & TV Show review website.
Learn how to start customizing the jReviews theme.
Forum
Community forum
Submit a Ticket
Use your client area email to access the ticket system.
Downloads
Guides, modules and more...
CSV Import for Joomla and jReviews
 
Welcome, Guest. Please login or register.
Did you miss your activation email?
November 20, 2008, 07:01:19 AM
21269 Posts in 4852 Topics by 2791 Members
Latest Member: fuqaha
News: Do not post any jReviews files or large amounts of code in the forums please. Only template files and code are allowed.
 
jReviews Support Forum  |  jReviews 1.x  |  Tips & tricks  |  Tabs in Content Items « previous next »
Pages: 1 2 [3] 4 5
Author Topic: Tabs in Content Items  (Read 13999 times)
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #30 on: November 17, 2006, 01:29:37 AM »

Well, I changed something in the com_content.html  and it's almost showing up good.

This is the code now in com_content.html
Quote
<patTemplate:tmpl name="com_content" visibility="show" varscope="jreviewcontent" unusedvars="strip">
<!--  com_content.html  -->
   <div id="JR_com_content">
      <div id="itemdescription" class="JR_description contentheading"><patTemplate:translate>_JR_DESCRIPTION</patTemplate:translate></div>

{jgtabber}

[tab ==Beschrijving==]
<patTemplate:link src="com_content_introimage" />
{INTROTEXT}
[/tab]

[tab ==Overige Informatie==]
{CUSTOMFIELDS}
[tab ==Overige==]
{CUSTOMFIELDS}
[/tab]

  {/jgtabber}
     
</patTemplate:tmpl>


But I also have a problem, Now if I try to post a editor review it says this, see image.
« Last Edit: November 17, 2006, 01:35:10 AM by Gamersea » Logged
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #31 on: November 17, 2006, 01:50:15 AM »

sorry for double posts.
I got it working, This is my com_content.html template now:
Quote
<patTemplate:tmpl name="com_content" visibility="show" varscope="jreviewcontent" unusedvars="strip">
<!--  com_content.html  -->
   <div id="JR_com_content">
      <div id="itemdescription" class="JR_description contentheading"><patTemplate:translate>_JR_DESCRIPTION</patTemplate:translate></div>

{jgtabber}
[tab ==Informatie==]   
{CUSTOMFIELDS}
{CUSTOMFIELDS}

<patTemplate:link src="com_content_introimage" />
{INTROTEXT}

</patTemplate:tmpl>

<patTemplate:comment>
the comment text here, I don't post it here.

Ok, I got a next problem, Now if I press on the Write a review button for a editor the box doesn't show up and internet explorer says: ready, but with errors on the page.

Ok, With firefox the box does show up, But when I submit the review I get a error, See the image called next problem1
« Last Edit: November 17, 2006, 01:59:03 AM by Gamersea » Logged
Alejandro
Global Moderator
Administrator
Hero Member
*****
Offline Offline

Posts: 8442


« Reply #32 on: November 17, 2006, 07:10:09 AM »

This error is a bug in the unreleased version you are using. With regards to the tabs. The code I sent you worked perfect when I tried it, but if yours works as well, then good, but I don't understand why, my version of the code I understand Smiley
Logged

Please take the time to vote and to write a review: http://extensions.joomla.org
Reviews Ahoy! - Submit your jReviews site here.
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #33 on: November 17, 2006, 09:48:31 AM »

Well, Yeah it's working so!
Thanks for the fix!
Logged
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #34 on: November 17, 2006, 10:03:57 AM »

I changed the code again and I is still working and looking nicer the com_content.html code now:
Quote
<patTemplate:tmpl name="com_content" visibility="show" varscope="jreviewcontent" unusedvars="strip">
<!--  com_content.html  -->
   <div id="JR_com_content">
      <div id="itemdescription" class="JR_description contentheading"><patTemplate:translate>_JR_DESCRIPTION</patTemplate:translate></div>

{CUSTOMFIELDS}     

<patTemplate:link src="com_content_introimage" />
{INTROTEXT}

</patTemplate:tmpl>

As you can see I don't even have the {jabber} code in there and everything is still working fine, Look at the image to see the result.
Logged
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #35 on: November 17, 2006, 10:10:27 AM »

Another double post, Sorry.
Ok, If you also want it like me you have to change your com_content.html code to this:
Quote
<patTemplate:tmpl name="com_content" visibility="show" varscope="jreviewcontent" unusedvars="strip">
<!--  com_content.html  -->
   <div id="JR_com_content">
      <div id="itemdescription" class="JR_description contentheading"><patTemplate:translate>_JR_DESCRIPTION</patTemplate:translate></div>

{CUSTOMFIELDS}     

<patTemplate:link src="com_content_introimage" />
{INTROTEXT}

</patTemplate:tmpl>

<patTemplate:comment>
***** HOW TO DISPLAY CUSTOM FIELDS IN TEMPLATE *****
For fields which accept only a single value (text, single select, radio buttons, textarea),
you can use the field name:

{JR_FIELDNAME}

If it is a single select or radio button field and you have assigned images to the options you can use:

{JR_FIELDNAME_IMG}

For fields which accept multiple options (select multiple, checkboxes) you need to use the code below,
and replace the word fieldname with the name of your field. You need to keep the suffixe _row in the template name.
If you want to have access to the image field just add _IMG to the tag:
{JR_FIELDNAME_IMG} and you can place it in the src of an <IMG> tag.

   <p a t Template:tmpl name="jr_fieldname_row" type="simplecondition" requiredvars="jr_fieldname">
   {JR_FIELDNAME}
   {JR_FIELDNAME_IMG} <--- only if you have assigned images to the fields
   </p a t Template:tmpl>

You can also use the {LANGUAGE} variable for images for multilingual sites. So you could name your images:

english.{JR_FIELDNAME_IMG}
spanish.{JR_FIELDNAME_IMG}

But you need to make sure you don't enter a path in the image field in the backend, just the image name and
then enter the full path here in the template.

The {LIVE_SITE} variable can be used and contains: http://www.yourdomain.com
</patTemplate:comment>

and you need to change your customfields.html code to this:

Quote
<patTemplate:tmpl name="customfields" whitespace="trim">
<!--  customfields.html  -->
{jgtabber}
<div id="JR_customfields_outer-{CLASS}">
   <patTemplate:tmpl name="group">
   [tab =={GROUP_TITLE}==]
      <div id="JR_customfields-{CLASS}">
         <patTemplate:tmpl name="group.title" type="simplecondition" requiredvars="group_title" varscope="group">
            <div id="JR_group-{CLASS}">{GROUP_TITLE}</div>
         </patTemplate:tmpl>
            <patTemplate:tmpl name="row">
                  <patTemplate:tmpl name="custom.field" type="simplecondition" requiredvars="field_title" varscope="row">
                     <span id="JR_fieldtitle-{CLASS}">{FIELD_TITLE}</span>:
                  </patTemplate:tmpl>
                  <span id="JR_fieldvalue-{CLASS}">{FIELD_VALUE}</span><br />
            </patTemplate:tmpl>
      </div>
   [/tab]
   </patTemplate:tmpl>
</div>
{/jgtabber}
</patTemplate:tmpl>

<patTemplate:tmpl name="multiple_options">
   <patTemplate:tmpl name="option">
      <patTemplate:tmpl type="condition" conditionvar="image" varscope="option">
         <patTemplate:sub condition="noimage"><span id="JR_fieldvalue-{CLASS}">{TEXT}</span><patTemplate:tmpl name="separator" visibility="hidden">&nbsp;&#8226;</patTemplate:tmpl></patTemplate:sub>
         <patTemplate:sub condition="default">
            <IMG title="{TEXT}" alt="{TEXT}" src="{TEMPLATE_SITE}/{IMAGE}">&nbsp;
         </patTemplate:sub>
      </patTemplate:tmpl>
   </patTemplate:tmpl>
</patTemplate:tmpl>


But first you need to install Jogadgets mambot, The comment bot of Jreviews must be above the Jogadgets one so example:
Jreviews comment bot            Order: 1
Jogagdets bot                         Order: 2 or 3, 4, 6 etc.

So now it's really simple, In this post you have everything you need.
« Last Edit: November 17, 2006, 10:12:50 AM by Gamersea » Logged
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #36 on: November 17, 2006, 04:40:19 PM »

But, You also can have something else, See the images, This is also very nice.

If you want this you need to change your customfields.html to this:
Quote
<patTemplate:tmpl name="customfields" whitespace="trim">
<!--  customfields.html  -->
{jgaccordion}
<div id="JR_customfields_outer-{CLASS}">
   <patTemplate:tmpl name="group">
   [acctab =={GROUP_TITLE}==]
      <div id="JR_customfields-{CLASS}">
         <patTemplate:tmpl name="group.title" type="simplecondition" requiredvars="group_title" varscope="group">
            <div id="JR_group-{CLASS}">{GROUP_TITLE}</div>
         </patTemplate:tmpl>
            <patTemplate:tmpl name="row">
                  <patTemplate:tmpl name="custom.field" type="simplecondition" requiredvars="field_title" varscope="row">
                     <span id="JR_fieldtitle-{CLASS}">{FIELD_TITLE}</span>:
                  </patTemplate:tmpl>
                  <span id="JR_fieldvalue-{CLASS}">{FIELD_VALUE}</span><br />
            </patTemplate:tmpl>
      </div>
   [/acctab]
   </patTemplate:tmpl>
</div>
{/jgaccordion}
</patTemplate:tmpl>

<patTemplate:tmpl name="multiple_options">
   <patTemplate:tmpl name="option">
      <patTemplate:tmpl type="condition" conditionvar="image" varscope="option">
         <patTemplate:sub condition="noimage"><span id="JR_fieldvalue-{CLASS}">{TEXT}</span><patTemplate:tmpl name="separator" visibility="hidden">&nbsp;&#8226;</patTemplate:tmpl></patTemplate:sub>
         <patTemplate:sub condition="default">
            <IMG title="{TEXT}" alt="{TEXT}" src="{TEMPLATE_SITE}/{IMAGE}">&nbsp;
         </patTemplate:sub>
      </patTemplate:tmpl>
   </patTemplate:tmpl>
</patTemplate:tmpl>
Logged
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #37 on: November 18, 2006, 05:50:23 AM »

If you also want to have a images gallery under a tab you need to change your customfields.html template to this:
Quote
<patTemplate:tmpl name="customfields" whitespace="trim">
<!--  customfields.html  -->

<div id="JR_customfields_outer-{CLASS}">
   <patTemplate:tmpl name="group">
   [acctab =={GROUP_TITLE}==]
      <div id="JR_customfields-{CLASS}">
         <patTemplate:tmpl name="group.title" type="simplecondition" requiredvars="group_title" varscope="group">
            <div id="JR_group-{CLASS}">{GROUP_TITLE}</div>
         </patTemplate:tmpl>
            <patTemplate:tmpl name="row">
                  <patTemplate:tmpl name="custom.field" type="simplecondition" requiredvars="field_title" varscope="row">
                     <span id="JR_fieldtitle-{CLASS}">{FIELD_TITLE}</span>:
                  </patTemplate:tmpl>
                  <span id="JR_fieldvalue-{CLASS}">{FIELD_VALUE}</span><br />
            </patTemplate:tmpl>
      </div>
   [/acctab]
   </patTemplate:tmpl>
</div>

</patTemplate:tmpl>

<patTemplate:tmpl name="multiple_options">
   <patTemplate:tmpl name="option">
      <patTemplate:tmpl type="condition" conditionvar="image" varscope="option">
         <patTemplate:sub condition="noimage"><span id="JR_fieldvalue-{CLASS}">{TEXT}</span><patTemplate:tmpl name="separator" visibility="hidden">&nbsp;&#8226;</patTemplate:tmpl></patTemplate:sub>
         <patTemplate:sub condition="default">
            <IMG title="{TEXT}" alt="{TEXT}" src="{TEMPLATE_SITE}/{IMAGE}">&nbsp;
         </patTemplate:sub>
      </patTemplate:tmpl>
   </patTemplate:tmpl>
</patTemplate:tmpl>

and you com_content.html template to this:
Quote
<patTemplate:tmpl name="com_content" visibility="show" varscope="jreviewcontent" unusedvars="strip">
<!--  com_content.html  -->
   <div id="JR_com_content">
      {jgaccordion}
  <patTemplate:tmpl name="cc1" type="simplecondition" requiredvars="customfields" varscope="jreviewcontent">
  {CUSTOMFIELDS}
  </patTemplate:tmpl>
[acctab ==Gallery==]
  <patTemplate:link src="com_content_images" />
[/acctab]
{/jgaccordion}
 
<patTemplate:link src="com_content_introimage" />
{INTROTEXT}

</patTemplate:tmpl>

<patTemplate:comment>
***** HOW TO DISPLAY CUSTOM FIELDS IN TEMPLATE *****
For fields which accept only a single value (text, single select, radio buttons, textarea),
you can use the field name:

{JR_FIELDNAME}

If it is a single select or radio button field and you have assigned images to the options you can use:

{JR_FIELDNAME_IMG}

For fields which accept multiple options (select multiple, checkboxes) you need to use the code below,
and replace the word fieldname with the name of your field. You need to keep the suffixe _row in the template name.
If you want to have access to the image field just add _IMG to the tag:
{JR_FIELDNAME_IMG} and you can place it in the src of an <IMG> tag.

   <p a t Template:tmpl name="jr_fieldname_row" type="simplecondition" requiredvars="jr_fieldname">
   {JR_FIELDNAME}
   {JR_FIELDNAME_IMG} <--- only if you have assigned images to the fields
   </p a t Template:tmpl>

You can also use the {LANGUAGE} variable for images for multilingual sites. So you could name your images:

english.{JR_FIELDNAME_IMG}
spanish.{JR_FIELDNAME_IMG}

But you need to make sure you don't enter a path in the image field in the backend, just the image name and
then enter the full path here in the template.

The {LIVE_SITE} variable can be used and contains: http://www.yourdomain.com
</patTemplate:comment>

« Last Edit: November 18, 2006, 05:55:32 AM by Gamersea » Logged
Gamersea
Full Member
***
Offline Offline

Posts: 84


« Reply #38 on: November 21, 2006, 02:48:24 PM »

Well, Alejandro requested to also have a gallery, I though it would be a good idea however with my first few try's it didn't worked out but today I though, I change back everything because I want a video tab so I changed the com_content template and now it worked out how I want it and how Alejandro want it.

If you want to have several tabs you need to change your com_content.html to this:
Quote
<patTemplate:tmpl name="com_content" visibility="show" varscope="jreviewcontent" unusedvars="strip">
<!--  com_content.html  -->
   <div id="JR_com_content">
      <div id="itemdescription" class="JR_description contentheading"><patTemplate:translate>_JR_DESCRIPTION</patTemplate:translate></div>

<patTemplate:link src="com_content_introimage" />
{INTROTEXT}

{jgtabber}

[tab ==Overige Informatie==]
{CUSTOMFIELDS}
[/tab]
[tab ==Gallery==]
<patTemplate:link src="com_content_images" />
[/tab]

  {/jgtabber}
     
</patTemplate:tmpl>
<patTemplate:comment>
***** HOW TO DISPLAY CUSTOM FIELDS IN TEMPLATE *****
For fields which accept only a single value (text, single select, radio buttons, textarea),
you can use the field name:

{JR_FIELDNAME}

If it is a single select or radio button field and you have assigned images to the options you can use:

{JR_FIELDNAME_IMG}

For fields which accept multiple options (select multiple, checkboxes) you need to use the code below,
and replace the word fieldname with the name of your field. You need to keep the suffixe _row in the template name.
If you want to have access to the image field just add _IMG to the tag:
{JR_FIELDNAME_IMG} and you can place it in the src of an <IMG> tag.

   <p a t Template:tmpl name="jr_fieldname_row" type="simplecondition" requiredvars="jr_fieldname">
   {JR_FIELDNAME}
   {JR_FIELDNAME_IMG} <--- only if you have assigned images to the fields
   </p a t Template:tmpl>

You can also use the {LANGUAGE} variable for images for multilingual sites. So you could name your images:

english.{JR_FIELDNAME_IMG}
spanish.{JR_FIELDNAME_IMG}

But you need to make sure you don't enter a path in the image field in the backend, just the image name and
then enter the full path here in the template.

The {LIVE_SITE} variable can be used and contains: http://www.yourdomain.com
</patTemplate:comment>

And your customfields.html to this:
Quote
<patTemplate:tmpl name="customfields" whitespace="trim">
<!--  customfields.html  -->
{jgaccordion}
<div id="JR_customfields_outer-{CLASS}">
   <patTemplate:tmpl name="group">
   [acctab =={GROUP_TITLE}==]
      <div id="JR_customfields-{CLASS}">
         <patTemplate:tmpl name="group.title" type="simplecondition" requiredvars="group_title" varscope="group">
            <div id="JR_group-{CLASS}">{GROUP_TITLE}</div>
         </patTemplate:tmpl>
            <patTemplate:tmpl name="row">
                  <patTemplate:tmpl name="custom.field" type="simplecondition" requiredvars="field_title" varscope="row">
                     <span id="JR_fieldtitle-{CLASS}">{FIELD_TITLE}</span>:
                  </patTemplate:tmpl>
                  <span id="JR_fieldvalue-{CLASS}">{FIELD_VALUE}</span><br />
            </patTemplate:tmpl>
      </div>
   [/acctab]
   </patTemplate:tmpl>
</div>
{/jgaccordion}
</patTemplate:tmpl>

<patTemplate:tmpl name="multiple_options">
   <patTemplate:tmpl name="option">
      <patTemplate:tmpl type="condition" conditionvar="image" varscope="option">
         <patTemplate:sub condition="noimage"><span id="JR_fieldvalue-{CLASS}">{TEXT}</span><patTemplate:tmpl name="separator" visibility="hidden">&nbsp;&#8226;</patTemplate:tmpl></patTemplate:sub>
         <patTemplate:sub condition="default">
            <IMG title="{TEXT}" alt="{TEXT}" src="{TEMPLATE_SITE}/{IMAGE}">&nbsp;
         </patTemplate:sub>
      </patTemplate:tmpl>
   </patTemplate:tmpl>
</patTemplate:tmpl>

then you can have this result:


You can even have videos, And if you install the all in one video plugin you can even have vids in tabs!
« Last Edit: November 21, 2006, 03:26:19 PM by Gamersea » Logged
andreasa
Hero Member
*****
Offline Offline

Posts: 270



WWW
« Reply #39 on: November 22, 2006, 03:09:21 AM »

Thank you for shared your work!
Logged
bdl888
Full Member
***
Offline Offline

Posts: 71


« Reply #40 on: January 25, 2007, 05:29:34 PM »

Question:  How can I automatically hide some tabs if they are empty?  Huh
Logged

http://www.domustica.com
Trends in Design and Technology for the Modern Home
Alejandro
Global Moderator
Administrator
Hero Member
*****
Offline Offline

Posts: 8442


« Reply #41 on: January 25, 2007, 11:35:51 PM »

Question:  How can I automatically hide some tabs if they are empty?  Huh

You can try a conditional template wrapping the mambot code and include all the custom fields as required variables:

<patTemplate:tmpl name="tab" type="condition" requiredvars="jr_name1,jr_name2,jr_name3" useGlobals="true">
mambot code
</patTemplate:tmpl>
Logged

Please take the time to vote and to write a review: http://extensions.joomla.org
Reviews Ahoy! - Submit your jReviews site here.
bdl888
Full Member
***
Offline Offline

Posts: 71


« Reply #42 on: January 26, 2007, 01:31:23 AM »

Thank you.  You are so great!
I just had to change type="condition" to type="simplecondition" to make it work.

You can try a conditional template wrapping the mambot code and include all the custom fields as required variables:

<patTemplate:tmpl name="tab" type="condition" requiredvars="jr_name1,jr_name2,jr_name3" useGlobals="true">
mambot code
</patTemplate:tmpl>

Logged

http://www.domustica.com
Trends in Design and Technology for the Modern Home
andreasa
Hero Member
*****
Offline Offline

Posts: 270



WWW
« Reply #43 on: January 26, 2007, 05:06:40 AM »

I have insert a lot of information inside the tab tags, so maybe some visitor with 56k connectivity need time before see the tabs.
I would like insert a little loading script in order to advise the visitor that someting is arriving.

What's about the jreviews loading script?
Do you think is possible insert it in content page?
Thank you in advance
Logged
Alejandro
Global Moderator
Administrator
Hero Member
*****
Offline Offline

Posts: 8442


« Reply #44 on: January 26, 2007, 08:28:00 AM »

No, the loading script is for ajax calls to the server, which is not what the tabs are doing. You would have to figure some other way by doing it directly in the tab mambot.
Logged

Please take the time to vote and to write a review: http://extensions.joomla.org
Reviews Ahoy! - Submit your jReviews site here.
Pages: 1 2 [3] 4 5
« previous next »
    Jump to: