Template_timeline category view.

szallontai
Topic Author
Offline
Premium Member

10 years 9 months ago #44435 by szallontai

Template_timeline category view. was created by szallontai

Hi everybody,
great works and advance for flexicontent since beta3 :lol:

I have an idea about a template to display items at timeline in category view.

I use a js file to scroll items; and add it in category.xml like this

Code:

<jscategory>
		<js>js/jquery-timelinr.js</js>
</jscategory>

=> my .js file is not loading in source code at front.

So I use, in category_items.php

Code:

JFactory::getDocument()->addScript( 'components/com_flexicontent/templates/timeline/js/jquery-timelinr.js');

.js file reference appears in source code.

items are displayed with css, but nothing to js effect. It's seems only html is loading !!

I use J3.2.1 and flexi r1835. (in dev project)
thanks for your help or idea to do this.

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

ggppdk
Offline
Administrator

10 years 9 months ago #44446 by ggppdk

Replied by ggppdk on topic Template_timeline category view.

Hello

items are displayed with css, but nothing to js effect. It's seems only html is loading !!

of course it makes no difference any JS script expects to find appropriate data

in this case the FLEXIContent Data must be providen in JSON format:

Try using the template named
'json' form here

github.com/Lyquix

1. place the 'json' folder inside your templates and make a copy of it as 'tljson'

2. edit template FLEXIcontent template 'tljson' to add the timeline JS,

NOTE: i have not tried it , and i don't know all the steps and changes that you need to make

Regards

-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

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

szallontai
Topic Author
Offline
Premium Member

10 years 9 months ago #44503 by szallontai

Replied by szallontai on topic Template_timeline category view.

hello ggppdk,

Thank for your template exemple model for json data. I keep it for after.

But in fact in my step dev work, I put the 'data' in category_items.php like this (it's a step to validate it's working, after i wanted insert data fields)

Code:

JFactory::getDocument()->addScript( 'components/com_flexicontent/templates/timeline/js/jquery-timelinr.js');
?>

<div id="timeline">
	<ul id="dates">
		<li>[url=#1928]04/2013[/url]</li>
		<li>[url=#1930]1930[/url]</li>
	</ul>
	<ul id="issues">
		<li id="1928">
			<img src="components/com_flexicontent/templates/timeline/images/1.png" width="256" height="256" />
			<h3>16/04/2013</h3>
			<p>Donec semper quam scelerisque tortor dictum gravida.</p>
		</li>
		<li id="1930">
			<img src="components/com_flexicontent/templates/timeline/images/2.png" width="256" height="256" />
			<h3>1930</h3>
			<p>Praesent eget neque eu eros interdum malesuada non vel leo. Sed fringilla porta ligula.</p>
		</li>
	</ul>
	<div id="grad_left"></div>
	<div id="grad_right"></div>
	[url=#" id="next]+[/url]
	[url=#" id="prev]-[/url]
</div>

JSON is necessery to pick-up data in database, in this case data is present in php with html balise !

I don't understand why it's not working, .js file call function with html ID.

regards

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

ggppdk
Offline
Administrator

10 years 9 months ago #44528 by ggppdk

Replied by ggppdk on topic Template_timeline category view.

Hello

your suggestion of use this in an FC template is useful

we want to add more templates, especial the category layout of the templates

-- category layout with a google maps having markers from all items of category that use the address (googlemap) field (you can find it here)
github.com/Lyquix/flexicontent_fields
-- your suggestion of timeline
-- category layout for event calendar
-- etc

Just this work will be done for v2.2.0 during February
now we do not have time to look into it and test/implement it

Regards

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