Keyword

putting the latest, related and itemNavigation in the tabs

  • solan
  • solan's Avatar Topic Author
  • Offline
  • Junior Member
More
7 years 11 months ago #154029 by solan
hi

i want to put the latest, related and itemNavigation in tabs

how can i do that?
tnx

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 11 months ago #154071 by Krikor Boghossian
Replied by Krikor Boghossian on topic putting the latest, related and itemNavigation in the tabs
You need to override the item.php file
getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

This is a manual procedure from that point. If your template is using Bootstrap you can use its tabs getbootstrap.com/javascript/.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • solan
  • solan's Avatar Topic Author
  • Offline
  • Junior Member
More
7 years 11 months ago #154086 by solan
i thank you

dear krikor could you give a sample code for example (latest function)
how can i create that and putting the latest function on the created tab.....
i am sorry for this request

Please Log in or Create an account to join the conversation.

  • solan
  • solan's Avatar Topic Author
  • Offline
  • Junior Member
More
7 years 11 months ago #154109 by solan
latest function
<?php endif; ?>

<?php if($this->item->params->get('itemAuthorLatest') && empty($this->item->created_by_alias) && isset($this->authorLatestItems)): ?>
<!-- Latest items from author -->
<div class="itemAuthorLatest">
<h3><?php echo JText::_('K2_LATEST_FROM'); ?> <?php echo $this->item->author->name; ?></h3>
<ul>
<?php foreach($this->authorLatestItems as $key=>$item): ?>
<li class="<?php echo ($key%2) ? "odd" : "even"; ?>">
<a href="<?php echo $item->link ?>" target="_blank"><?php echo $item->title; ?></a>
</li>
<?php endforeach; ?>
</ul>
<div class="clr"></div>
</div>
<?php endif; ?>

<?php
===============
tab code
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">content</div>
<div role="tabpanel" class="tab-pane" id="profile">...</div>
<div role="tabpanel" class="tab-pane" id="messages">...</div>
<div role="tabpanel" class="tab-pane" id="settings">...</div>
</div>

</div>

now how can i insert latest function in the tab

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
7 years 11 months ago #154125 by Krikor Boghossian
Replied by Krikor Boghossian on topic putting the latest, related and itemNavigation in the tabs
In the ul element insert
<li role="presentation"><a href="#lastest" aria-controls="lastest" role="tab" data-toggle="tab">Latest Items</a></li>

And add tthe contents of the tab as well.
<div role="tabpanel" class="tab-pane" id="latest">
<!-- Paste the latest code here -->
</div>

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum