<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>VijayKiran.com &#187; hippo cms</title>
	<atom:link href="http://www.vijaykiran.com/tags/hippo-cms/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vijaykiran.com</link>
	<description></description>
	<lastBuildDate>Wed, 01 Sep 2010 12:23:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>Hippo CMS Image Browser Update</title>
		<link>http://www.vijaykiran.com/2010/04/09/hippo-cms-image-browser-update/</link>
		<comments>http://www.vijaykiran.com/2010/04/09/hippo-cms-image-browser-update/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 03:21:05 +0000</pubDate>
		<dc:creator>Vijay Kiran</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[hippo]]></category>
		<category><![CDATA[hippo cms]]></category>

		<guid isPermaLink="false">http://www.vijaykiran.com/?p=1753</guid>
		<description><![CDATA[The next tag/version of Hippo CMS will have an updated image browser. The images can now be displayed both as List or a Thumbnail Grid, see the screenshots below. The Grid View is implemented using simple css and ul tags. Here&#8217;s an example of the HTML/CSS that is used to convert a ul with images [...]]]></description>
			<content:encoded><![CDATA[<p>The next tag/version of Hippo CMS will have an updated image browser. The images can now be displayed both as List or a Thumbnail Grid, see the screenshots below.</p>
<div id="attachment_1760" class="wp-caption aligncenter" style="width: 494px"><a class="enlarge" href="http://www.vijaykiran.com/wp-content/uploads/2010/04/gridview.png"><img class="size-full wp-image-1760" title="gridview" src="http://www.vijaykiran.com/wp-content/uploads/2010/04/gridview.png" alt="" width="484" height="234" /></a><p class="wp-caption-text">Grid View</p></div>
<div id="attachment_1751" class="wp-caption aligncenter" style="width: 496px"><a class="enlarge" href="http://www.vijaykiran.com/wp-content/uploads/2010/04/listview.png"><img class="size-full wp-image-1751" title="listview" src="http://www.vijaykiran.com/wp-content/uploads/2010/04/listview.png" alt="" width="486" height="176" /></a><p class="wp-caption-text">List View</p></div>
<p>The Grid View is implemented using simple <i>css</i>  and <i>ul</i> tags. Here&#8217;s an example of the HTML/CSS that is used to convert a <i>ul</i> with images into a Grid:</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;ul</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;gallery-list&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
    <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;gallery-item&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
        <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;img</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">&quot;image.png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
     <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
     <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;li</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;gallery-item&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
         <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;img</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">&quot;image2.png&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
      <span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/li<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/ul<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>


<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">ul<span style="color: #6666ff;">.gallery-list</span> <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
ul<span style="color: #6666ff;">.gallery-list</span> li <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">none</span> <span style="color: #993333;">outside</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span> <span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">margin-right</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00AA00;">:</span> <span style="color: #933;">10px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">text-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">center</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
ul<span style="color: #6666ff;">.gallery-list</span> li img <span style="color: #00AA00;">&#123;</span>
    <span style="color: #000000; font-weight: bold;">vertical-align</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">middle</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span> <span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#eee</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">60px</span><span style="color: #00AA00;">;</span>
    <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">60px</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>There are some nice image management features planned for Hippo CMS, so stay tuned for the updates.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vijaykiran.com/2010/04/09/hippo-cms-image-browser-update/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Updated: Related Documents Plugin for Hippo CMS 7.3</title>
		<link>http://www.vijaykiran.com/2010/03/08/relateddocs-plugin-hippo-cms-73/</link>
		<comments>http://www.vijaykiran.com/2010/03/08/relateddocs-plugin-hippo-cms-73/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 17:28:43 +0000</pubDate>
		<dc:creator>Vijay Kiran</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[hippo]]></category>
		<category><![CDATA[hippo cms]]></category>
		<category><![CDATA[hippo cms 7.3]]></category>
		<category><![CDATA[plugins]]></category>

		<guid isPermaLink="false">http://www.vijaykiran.com/?p=1660</guid>
		<description><![CDATA[The Related Documents plugin for Hippo CMS allows the editors of the documents to select &#8220;related&#8221; documents of the current document. The plugin provides automatic suggestions using Similarity Search and Referring documents. Also, the document editors/authors can hand-pick the related documents. The plugin is now updated for CMS 7.3(released last week). You can get the [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a class="enlarge" href="http://www.vijaykiran.com/wp-content/uploads/2010/03/realated-docs.png"><img class="aligncenter size-medium wp-image-1659" title="realated-docs" src="http://www.vijaykiran.com/wp-content/uploads/2010/03/realated-docs.png" alt="" width="450" height="150" /></a></p>
<p>The <a href="http://relateddocs.forge.onehippo.org/" target="_blank">Related Documents plugin</a> for Hippo CMS allows the editors of the documents to select &#8220;related&#8221; documents of the current document. The plugin provides automatic suggestions using Similarity Search and Referring documents. Also, the document editors/authors can hand-pick the related documents.</p>
<p>The plugin is now updated for <a href="http://www.onehippo.org/cms7/about/release_notes/Release+7.3.html" target="_blank">CMS 7.3</a>(released last week). You can get the plugin from the Hippo Forge, the demo project is also now updated to 7.3. If you are already using the plugin, then there are no changes required in the plugin configuration to make it work with 7.3. Just update the plugin version in your pom.xml to 2.05.00 and you&#8217;ll be good to go.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vijaykiran.com/2010/03/08/relateddocs-plugin-hippo-cms-73/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Hippo Forge Friday</title>
		<link>http://www.vijaykiran.com/2009/10/23/hippo-forge-friday/</link>
		<comments>http://www.vijaykiran.com/2009/10/23/hippo-forge-friday/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 06:38:16 +0000</pubDate>
		<dc:creator>Vijay Kiran</dc:creator>
				<category><![CDATA[Personal]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[forge friday]]></category>
		<category><![CDATA[hippo]]></category>
		<category><![CDATA[hippo cms]]></category>
		<category><![CDATA[hst2]]></category>

		<guid isPermaLink="false">http://www.vijaykiran.com/?p=1390</guid>
		<description><![CDATA[On October 30th, we at Hippo are organizing the free Forge Friday hacking event. If you are using any software from Hippo or interested in implementing it in the future or even just wanted to know more about Hippo Software, this is a great time to come and join us during the Friday Forge event. [...]]]></description>
			<content:encoded><![CDATA[<p>On October 30th, we at Hippo are organizing the free <strong>Forge Friday</strong> hacking event. If you are using any software from Hippo or interested in implementing it in the future or even just wanted to know more about Hippo Software, this is a great time to come and join us during the Friday Forge event.</p>
<p>You don&#8217;t need to have any prior experience with Hippo software or codebase. The focus of this event is to hack some cool plug-ins for Hippo CMS or Hippo Site Toolkit Components  and in the process learn more about hacking Hippo Stack in general. You can walk into either one of Hippo Offices across the pond (Amsterdam or San Francisco).</p>
<p>So join us and learn more about Hippo CMS, HST2, Portal, Repoisotory. We&#8217;ll help you with building your own plugins, portlets, components, extensions. You can use our very own <a href="http://forge.onehippo.org" target="_blank">Hippo Forge</a> to publish your project and earn eternal fame!</p>
<p>Here&#8217;s the <a href="https://spreadsheets.google.com/a/1hippo.com/viewform?hl=en&amp;formkey=dHgzbVk2OWJwU1Y1SEJKTnJMeUIxNmc6MA" target="_blank">Signup Page</a> for the event. If you want to more information about the event.</p>
<p>Here are some links about the event:<br />
→ <a href="http://blogs.hippo.nl/tjeerd/2009/08/block_your_agenda_for_the_inte.html" target="_blank">Forge Friday Announcement </a>- Tjeerd&#8217;s Blog<br />
→ <a href="http://blogs.hippo.nl/arje/2009/10/hippo_forge_friday_october_30.html" target="_blank">Forge Friday </a>- Arjé&#8217;s blog.<br />
→ <a href="http://wiki.onehippo.org/display/CMS7/Hippo+Forge+Friday+on+the+30th+of+October" target="_blank">Forge Friday Wiki Page</a><br />
→ <a href="https://spreadsheets.google.com/a/1hippo.com/viewform?hl=en&amp;formkey=dHgzbVk2OWJwU1Y1SEJKTnJMeUIxNmc6MA" target="_blank">Forge Friday Signup Page</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vijaykiran.com/2009/10/23/hippo-forge-friday/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
