Sometime you may need to display data within your content using a tabbed layout form.
This can easily be done using a great, free download from No Number called Tabber.
Once you have downloaded, then install just like any other Joomla! extension. This plugin is enabled during installation.
Please make sure you bookmark their documents pages too, so that you have access to the syntax required, but it so easy using the following code.
Take a look at the plugin in the Plugins Manager as it does have some parameters you can play with.
{ tab=Tab Title 1 } Your text... { tab=Tab Title 2 } Your text... { /tabs }
Using that code as an example, simply paste that into your K2 item. Please note, when you paste it, it may transfer some formatting from the site, so in your WYSIWYG editor, view the source and paste it their so that it strips any styling. Please also remove the blank space after "{" and before "}".
Let put that in to action.
OK, so now you have some tabs in your item, lets push it a stage further and display K2 item content in those tabs.
Again, we are going to use a plugin from No Number, this time, Articles Anywhere. Installation is as simple as before and again, there are some parameters that can be adjusted, but I have left the default settings in place.
This time, we drop in the Articles Anywhere syntax for K2 Items in place of the text we used before, which is as simple as { article k2:nnn } Please remove the blank space after "{" and before "}" and change nnn to the K2 Item ID number for the item you wish to display.
K2 Item 1
New Release - K2 Template ManagerI am pleased to announce that a new component has today been released in a joint collaboration be...
Custom read more!
K2 Item 2
|
Once installed, K2 Template Manager can be accessed from within the K2 extension. No need to go hunting for it amongst the other extensions, as it is located on the far right of the K2 features menu, after the information link. Go ahead, click on Templates.
|
| Welcome to the template manager dashboard.
The primary display is a list of all the K2 templates which are installed in the component or Joomla templates. One of the cool things, is the use of the Custom CSS. This adds a copy of the default k2.css and places it with the K2 template that has been selected.
|
|
If you click on one of the installed templates, the next screen will display a list of all the K2 categories and the templates which are currently assigned to it. This is a very quick way of selecting which categories are assigned a template, no more editing multiple categories.
|
|
Template manager also lists out the files which are contained within the selected template, which if clicked can be edited.
|
|
The code editor screen allows you to access the template css and php files, so that they can be edited from the Joomla backend, without the need for 3rd party software or having to set up ftp access to your server files.
|
| So now your all set to manage your K2 templates through Joomla, no more guess work on where to place your template. |
.
K2 Item 2
Installation is just like any other Joomla extension installation. Subscribers will need to have downloaded a copy.
- Login to your Joomla Administration
- From the main Menu, navigate to Extensions> Install/Uninstall
- In the Extension Manager window, click on the Choose File button.
This will open a pop up window, allowing to find the relevant file on your local drive.
Additionally, you may store your downloads on your server or paste a link directly to the download file.
The later will only work if you have an active subscription. - Click either Upload & Install of just Install, depending on which installation option you chose in step 3.
- Once installed, you will see the installation confirmation text.
Thats it, installation is now complete, time to check out the features.
Now the smart thing is, tab 1 has some additional syntax so that it shows the title, 100 characters of text and then a custom read more.
Full details can be found in the plugin parameters on in the No Number documents.
{ tab=K2 Item 1 } { article k2:nnn } { title } { text:50 } { readmore:Custom read more! } { /article }
Thats it all done.
Play and enjoy.
