<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="http://documentation.jomsocial.com/skins/common/feed.css?303"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>http://documentation.jomsocial.com/index.php?action=history&amp;feed=atom&amp;title=JomSocial_Templates</id>
		<title>JomSocial Templates - Revision history</title>
		<link rel="self" type="application/atom+xml" href="http://documentation.jomsocial.com/index.php?action=history&amp;feed=atom&amp;title=JomSocial_Templates"/>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;action=history"/>
		<updated>2026-06-13T15:16:10Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.23.1</generator>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=3441&amp;oldid=prev</id>
		<title>Sinisakrisan at 03:32, 13 April 2015</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=3441&amp;oldid=prev"/>
				<updated>2015-04-13T03:32:43Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 03:32, 13 April 2015&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 5:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 5:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today has its own template. While this indeed could potentially increase the time or even the cost of the site development - since the Administrator has to adopt numerous templates that have visually the same look - it is the '''only''' proper way to layout the component and that is endorsed by Joomla. Having a component template allows us to divide the '''look''', from the source code, and provides an easy way to customize the visual appeal of the component without worries that our customizations will be lost with component updates.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today has its own template. While this indeed could potentially increase the time or even the cost of the site development - since the Administrator has to adopt numerous templates that have visually the same look - it is the '''only''' proper way to layout the component and that is endorsed by Joomla. Having a component template allows us to divide the '''look''', from the source code, and provides an easy way to customize the visual appeal of the component without worries that our customizations will be lost with component updates.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/del&gt;==Template Compatibility&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/del&gt;==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Template Compatibility==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In theory, component templates should provide the compatibility layer between the two releases in the same branch but, more often than not, this is not the case in practice - especially with a complex component such as JomSocial. JomSocial, at this point, is by its view-structure, is probably the most complex component available at the Joomla Extension Directory and this complexity requires a lot of template files and a lot of '''views'''. To illustrate how complex the JomSocial template structure is, it is enough to look at any other component and see how many views the respective component has, and then come back to JomSocial and try to count the number of views it contains.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In theory, component templates should provide the compatibility layer between the two releases in the same branch but, more often than not, this is not the case in practice - especially with a complex component such as JomSocial. JomSocial, at this point, is by its view-structure, is probably the most complex component available at the Joomla Extension Directory and this complexity requires a lot of template files and a lot of '''views'''. To illustrate how complex the JomSocial template structure is, it is enough to look at any other component and see how many views the respective component has, and then come back to JomSocial and try to count the number of views it contains.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/del&gt;==What are Views?&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/del&gt;==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==What are Views?==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla MVC framework. The &amp;quot;V&amp;quot; in MVC stands for Views. Basically, every page in Joomla must have its own view that determines how that page is viewed by its visitor.&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla MVC framework. The &amp;quot;V&amp;quot; in MVC stands for Views. Basically, every page in Joomla must have its own view that determines how that page is viewed by its visitor.&amp;lt;br/&amp;gt;&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are the Frontpage, Registration, Profile, Group, Search, Event, Photo, and Video Views, etc.. To make things even more complex, every view can be extended with tasks; for example, in profile view, we have tasks to edit, delete, change preferences, set privacy, etc. - and, yes, all these require separate template files to provide the visual output of the features available.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are the Frontpage, Registration, Profile, Group, Search, Event, Photo, and Video Views, etc.. To make things even more complex, every view can be extended with tasks; for example, in profile view, we have tasks to edit, delete, change preferences, set privacy, etc. - and, yes, all these require separate template files to provide the visual output of the features available.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;== See Also==&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* [[Changing Default Template]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;* [[Customizing Template]]&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Sinisakrisan</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=1380&amp;oldid=prev</id>
		<title>Patricia Schmidt: /* Component Template */</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=1380&amp;oldid=prev"/>
				<updated>2013-03-08T04:05:32Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Component Template&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 04:05, 8 March 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 3:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 3:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Component Template==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Component Template==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;have &lt;/del&gt;its own template. While this indeed could potentially increase the time or even the &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;costs &lt;/del&gt;of the site development &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;as &lt;/del&gt;Administrator &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;have &lt;/del&gt;to adopt numerous templates &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;to &lt;/del&gt;have visually same look&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/del&gt;it is the '''only''' proper way to layout the component and &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;its &lt;/del&gt;endorsed by Joomla&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;! &amp;lt;br/&amp;gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;has &lt;/ins&gt;its own template. While this indeed could potentially increase the time or even the &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;cost &lt;/ins&gt;of the site development &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;- since the &lt;/ins&gt;Administrator &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;has &lt;/ins&gt;to adopt numerous templates &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;that &lt;/ins&gt;have visually &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the &lt;/ins&gt;same look &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;- &lt;/ins&gt;it is the '''only''' proper way to layout the component and &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;that is &lt;/ins&gt;endorsed by Joomla&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;. &lt;/ins&gt;Having a component template allows us to divide the &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'&lt;/ins&gt;''look&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'&lt;/ins&gt;'', from the source code, and provides &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;an &lt;/ins&gt;easy way to customize the visual appeal of the component without worries that our customizations will be lost &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;with &lt;/ins&gt;component &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;updates&lt;/ins&gt;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Having a component template&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/del&gt;allows us to divide the ''look'', from the source code, and provides easy way to customize the visual appeal of the component without worries that our customizations will be lost &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;on &lt;/del&gt;component &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;update&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Template Compatibility===&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Template Compatibility===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In theory, component &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;template &lt;/del&gt;should provide the compatibility layer between the two releases in same branch but, more often &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;then &lt;/del&gt;not, this is not the case in practice&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/del&gt;especially with &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;the &lt;/del&gt;complex component such &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jomSocial is&lt;/del&gt;. &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;Indeed&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jomSocial &lt;/del&gt;at this point &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;of time &lt;/del&gt;is by its view structure probably most complex component available at the Joomla Extension Directory and this complexity requires a lot template files and a lot of ''views''&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;br/&amp;gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;In theory, component &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;templates &lt;/ins&gt;should provide the compatibility layer between the two releases in &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the &lt;/ins&gt;same branch but, more often &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;than &lt;/ins&gt;not, this is not the case in practice &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;- &lt;/ins&gt;especially with &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;a &lt;/ins&gt;complex component such &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;as JomSocial&lt;/ins&gt;. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;JomSocial&lt;/ins&gt;, at this point&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/ins&gt;is by its view&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;-&lt;/ins&gt;structure&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, is &lt;/ins&gt;probably &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the &lt;/ins&gt;most complex component available at the Joomla Extension Directory and this complexity requires a lot &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;of &lt;/ins&gt;template files and a lot of &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'&lt;/ins&gt;''views''&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'. &lt;/ins&gt;To illustrate how complex &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the JomSocial &lt;/ins&gt;template structure is, it is enough to look at any other component and see how many views the respective component &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;has&lt;/ins&gt;, and then come back to &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;JomSocial &lt;/ins&gt;and try to count the number of views it contains.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;To illustrate how complex &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jomSocial &lt;/del&gt;template structure is, it is enough to look at any other component and see how many views the respective component &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;have&lt;/del&gt;, and then come back to &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;jomSocial &lt;/del&gt;and try to count the number of views it contains.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/del&gt;===What are &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;views&lt;/del&gt;?&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/del&gt;===&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===What are &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Views&lt;/ins&gt;?===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;! &lt;/del&gt;MVC framework. V in MVC stands for Views. Basically, every page in Joomla&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;! &lt;/del&gt;must have its own view &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;which &lt;/del&gt;determines &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;what &lt;/del&gt;page &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;visitor &lt;/del&gt;is &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;looking at&lt;/del&gt;.&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla MVC framework. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;The &amp;quot;&lt;/ins&gt;V&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;quot; &lt;/ins&gt;in MVC stands for Views. Basically, every page in Joomla must have its own view &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;that &lt;/ins&gt;determines &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;how that &lt;/ins&gt;page is &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;viewed by its visitor&lt;/ins&gt;.&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;&amp;lt;br/&amp;gt;&lt;/ins&gt;&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;frontpage view&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;registration&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;profile&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;groups&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;search&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;event&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;photo&lt;/del&gt;, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;video views &lt;/del&gt;and &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;so on&lt;/del&gt;. To make things even more complex, every view can be extended with &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;task, so &lt;/del&gt;for example, in profile view we have &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;task &lt;/del&gt;to edit, delete, change preferences, privacy, etc.&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;.. &lt;/del&gt;and yes, all these require &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;to have a &lt;/del&gt;separate template &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;file &lt;/del&gt;to provide the visual output of the features available &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;in the view&lt;/del&gt;.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the Frontpage&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Registration&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Profile&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Group&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Search&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Event&lt;/ins&gt;, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Photo&lt;/ins&gt;, and &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;Video Views, etc.&lt;/ins&gt;. To make things even more complex, every view can be extended with &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tasks; &lt;/ins&gt;for example, in profile view&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/ins&gt;we have &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;tasks &lt;/ins&gt;to edit, delete, change preferences, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;set &lt;/ins&gt;privacy, etc. &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;- &lt;/ins&gt;and&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/ins&gt;yes, all these require separate template &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;files &lt;/ins&gt;to provide the visual output of the features available.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Patricia Schmidt</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=1379&amp;oldid=prev</id>
		<title>Patricia Schmidt: /* Overview */</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=1379&amp;oldid=prev"/>
				<updated>2013-03-08T03:55:05Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Overview&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 03:55, 8 March 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Overview==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Overview==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;JomSocial templates are probably the most important part of the component and at the same time, most widely customized as well as most misunderstood facility of the extension&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/del&gt;so, in this tutorial, we will try to explain the template purpose, what does it &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;do&lt;/del&gt;, and also, shed some &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;lights &lt;/del&gt;on most common misconceptions.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;JomSocial templates are probably the most important part of the component and&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/ins&gt;at the same time, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the &lt;/ins&gt;most widely customized as well as most misunderstood facility of the extension&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;; &lt;/ins&gt;so, in this tutorial, we will try to explain the template&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;'s &lt;/ins&gt;purpose, what does it &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;does&lt;/ins&gt;, and&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;, &lt;/ins&gt;also, shed some &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;light &lt;/ins&gt;on &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;the &lt;/ins&gt;most common misconceptions.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Component Template==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Component Template==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Patricia Schmidt</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=908&amp;oldid=prev</id>
		<title>Sinisakrisan: /* What are views? */</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=908&amp;oldid=prev"/>
				<updated>2013-01-31T13:49:21Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;What are views?&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 13:49, 31 January 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 12:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 12:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;====What are views?====&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;====What are views?====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla! MVC framework. V in MVC stands for Views. Basically, every page in Joomla! must have its own view which determines what page visitor is looking at.&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla! MVC framework. V in MVC stands for Views. Basically, every page in Joomla! must have its own view which determines what page visitor is looking at.&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are frontpage view, registration, profile, groups, &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;discussion&lt;/del&gt;, event, photo, video views and so on. To make things even more complex, every view can be extended with task, so for example, in profile view we have task to edit, delete, change preferences, privacy, etc... and yes, all these require to have a separate template file to provide the visual output of the features available in the view.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are frontpage view, registration, profile, groups, &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;search&lt;/ins&gt;, event, photo, video views and so on. To make things even more complex, every view can be extended with task, so for example, in profile view we have task to edit, delete, change preferences, privacy, etc... and yes, all these require to have a separate template file to provide the visual output of the features available in the view.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Sinisakrisan</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=907&amp;oldid=prev</id>
		<title>Sinisakrisan: /* What are views? */</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=907&amp;oldid=prev"/>
				<updated>2013-01-31T13:47:53Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;What are views?&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 13:47, 31 January 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 10:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 10:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;To illustrate how complex jomSocial template structure is, it is enough to look at any other component and see how many views the respective component have, and then come back to jomSocial and try to count the number of views it contains.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;To illustrate how complex jomSocial template structure is, it is enough to look at any other component and see how many views the respective component have, and then come back to jomSocial and try to count the number of views it contains.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===What are views?===&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/ins&gt;===What are views?&lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;=&lt;/ins&gt;===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla! MVC framework. V in MVC stands for Views. Basically, every page in Joomla! must have its own view which determines what page visitor is looking at.&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The integrated part of the Joomla! MVC framework. V in MVC stands for Views. Basically, every page in Joomla! must have its own view which determines what page visitor is looking at.&amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are frontpage view, registration, profile, groups, discussion, event, photo, video views and so on. To make things even more complex, every view can be extended with task, so for example, in profile view we have task to edit, delete, change preferences, privacy, etc... and yes, all these require to have a separate template file to provide the visual output of the features available in the view.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;For example, in JomSocial, there are frontpage view, registration, profile, groups, discussion, event, photo, video views and so on. To make things even more complex, every view can be extended with task, so for example, in profile view we have task to edit, delete, change preferences, privacy, etc... and yes, all these require to have a separate template file to provide the visual output of the features available in the view.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Sinisakrisan</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=906&amp;oldid=prev</id>
		<title>Sinisakrisan at 13:46, 31 January 2013</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=906&amp;oldid=prev"/>
				<updated>2013-01-31T13:46:56Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 13:46, 31 January 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 5:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 5:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today have its own template. While this indeed could potentially increase the time or even the costs of the site development as Administrator have to adopt numerous templates to have visually same look, it is the '''only''' proper way to layout the component and its endorsed by Joomla! &amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today have its own template. While this indeed could potentially increase the time or even the costs of the site development as Administrator have to adopt numerous templates to have visually same look, it is the '''only''' proper way to layout the component and its endorsed by Joomla! &amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Having a component template, allows us to divide the ''look'', from the source code, and provides easy way to customize the visual appeal of the component without worries that our customizations will be lost on component update.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Having a component template, allows us to divide the ''look'', from the source code, and provides easy way to customize the visual appeal of the component without worries that our customizations will be lost on component update.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;===Template Compatibility===&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;In theory, component template should provide the compatibility layer between the two releases in same branch but, more often then not, this is not the case in practice, especially with the complex component such jomSocial is. Indeed, jomSocial at this point of time is by its view structure probably most complex component available at the Joomla Extension Directory and this complexity requires a lot template files and a lot of ''views''&amp;lt;br/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;To illustrate how complex jomSocial template structure is, it is enough to look at any other component and see how many views the respective component have, and then come back to jomSocial and try to count the number of views it contains.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;===What are views?===&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;The integrated part of the Joomla! MVC framework. V in MVC stands for Views. Basically, every page in Joomla! must have its own view which determines what page visitor is looking at.&amp;lt;br/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot;&gt;&amp;#160;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;For example, in JomSocial, there are frontpage view, registration, profile, groups, discussion, event, photo, video views and so on. To make things even more complex, every view can be extended with task, so for example, in profile view we have task to edit, delete, change preferences, privacy, etc... and yes, all these require to have a separate template file to provide the visual output of the features available in the view.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Sinisakrisan</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=905&amp;oldid=prev</id>
		<title>Sinisakrisan: /* Component Template */</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=905&amp;oldid=prev"/>
				<updated>2013-01-31T13:27:31Z</updated>
		
		<summary type="html">&lt;p&gt;‎&lt;span dir=&quot;auto&quot;&gt;&lt;span class=&quot;autocomment&quot;&gt;Component Template&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
&lt;table class='diff diff-contentalign-left'&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 13:27, 31 January 2013&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 4:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 4:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Component Template==&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Component Template==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today have its own template. While this indeed could potentially increase the time or even the costs of the site development as Administrator have to adopt numerous templates to have visually same look, it is the '''only''' proper way to layout the component and its endorsed by Joomla! &amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Every decent Joomla Component today have its own template. While this indeed could potentially increase the time or even the costs of the site development as Administrator have to adopt numerous templates to have visually same look, it is the '''only''' proper way to layout the component and its endorsed by Joomla! &amp;lt;br/&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Having a component template, allows us to divide the &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;'''&lt;/del&gt;''look&lt;del class=&quot;diffchange diffchange-inline&quot;&gt;''''&lt;/del&gt;'', from the source code, and provides easy way to customize the &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;visaul &lt;/del&gt;appeal of the component without worries that our customizations will be lost on component update.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Having a component template, allows us to divide the ''look'', from the source code, and provides easy way to customize the &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;visual &lt;/ins&gt;appeal of the component without worries that our customizations will be lost on component update.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Sinisakrisan</name></author>	</entry>

	<entry>
		<id>http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=904&amp;oldid=prev</id>
		<title>Sinisakrisan: Created page with &quot;==Overview== JomSocial templates are probably the most important part of the component and at the same time, most widely customized as well as most misunderstood facility of t...&quot;</title>
		<link rel="alternate" type="text/html" href="http://documentation.jomsocial.com/index.php?title=JomSocial_Templates&amp;diff=904&amp;oldid=prev"/>
				<updated>2013-01-31T13:26:26Z</updated>
		
		<summary type="html">&lt;p&gt;Created page with &amp;quot;==Overview== JomSocial templates are probably the most important part of the component and at the same time, most widely customized as well as most misunderstood facility of t...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;==Overview==&lt;br /&gt;
JomSocial templates are probably the most important part of the component and at the same time, most widely customized as well as most misunderstood facility of the extension, so, in this tutorial, we will try to explain the template purpose, what does it do, and also, shed some lights on most common misconceptions.&lt;br /&gt;
&lt;br /&gt;
==Component Template==&lt;br /&gt;
Every decent Joomla Component today have its own template. While this indeed could potentially increase the time or even the costs of the site development as Administrator have to adopt numerous templates to have visually same look, it is the '''only''' proper way to layout the component and its endorsed by Joomla! &amp;lt;br/&amp;gt;&lt;br /&gt;
Having a component template, allows us to divide the '''''look'''''', from the source code, and provides easy way to customize the visaul appeal of the component without worries that our customizations will be lost on component update.&lt;/div&gt;</summary>
		<author><name>Sinisakrisan</name></author>	</entry>

	</feed>