(public).sospep.events ~ view task ~ PAGE-VERSION-view-libraries-v-005

<h1 style="text-align: center;">PAGE - libraries-v-005</h1>
<h2>[previously]</h2>
<ol>
<li><strong>[PAGE]</strong></li>
<ol>
<li><strong>] #&nbsp;1723 - </strong><a href="/view/task?id=1723" target="_blank"><strong>PAGE-view-libraries</strong></a><strong>&nbsp;- </strong>description and history of page, versions list</li>
</ol>
<li><strong>[goal] turn the libraries list </strong></li>
<ol>
<li>] into a 2 column view with</li>
</ol>
<li><strong>[00:00] review styles ] found&nbsp; on bootsnip</strong></li>
<ol>
<li>&gt;] <a href="http://bootsnipp.com/snippets/featured/real-estate-media-listings" target="_blank">"million dollar listings" view</a></li>
<li>]&nbsp; <a href="http://bootsnipp.com/snippets/featured/responsive-list-groups-for-ratings" target="_blank">well</a> - responsive list group - &nbsp;</li>
</ol>
<li><strong>[00:00] modify 'example snippet' to</strong></li>
<ol>
<li>*] COPY functionality disabled on&nbsp;site,&nbsp;ctrl+c,+v also (&nbsp;USE shift+del, shift+ins to&nbsp;</li>
<li>*] example has a number of hardcoded data entries</li>
<li>x] build a single item repeater code section for use with {{template}}</li>
<li>x] add iteration code to loop through data set and build item from template foreach</li>
</ol>
<li><strong>[00:00] PAGE</strong></li>
<ol>
<li>x] ## ADDed custom classes for "format"&nbsp;to sospepB.css</li>
</ol>
<li><strong>[00:00] list is displaying, BUT in a single column</strong></li>
<ol>
<li>*] orig list has a hardcode 'column' insert</li>
<li>*] need to insert the 'div col', every ## records</li>
<li>] add code block in front of the item repeater code, to generate( end&nbsp;col div, new col div), IF ( counter !=0 &amp;&amp; counter % colItemNum ==0)&nbsp;REF art</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li>] &nbsp;</li>
</ol>
<h2>[reference]</h2>
<ol>
<li>] <a href="http://www.jerriepelser.com/blog/approaches-when-rendering-list-using-bootstrap-grid-system">http://www.jerriepelser.com/blog/approaches-when-rendering-list-using-bootstrap-grid-system</a>&nbsp;- blog post with 2 approaches to splitting list</li>
<li>] <a href="http://bootsnipp.com/user/snippets/OP22j">http://bootsnipp.com/user/snippets/OP22j</a>&nbsp;- snippet my version</li>
<li>] my example - splitting list - ON Page article - &nbsp;"convoluted"</li>
<li>] <a href="http://stackoverflow.com/questions/21547795/list-divide-into-multiple-columns">http://stackoverflow.com/questions/21547795/list-divide-into-multiple-columns</a>&nbsp;- another approach</li>
<li>] <a href="http://johndoesdesign.com/blog/2012/jquery/how-to-split-a-dynamic-list-into-two-equal-columns-using-jquery/" target="_blank">How to split a dynamic list into two equal columns using jQuery&nbsp; John does Design</a>&nbsp;</li>
<li>] <a href="http://stackoverflow.com/questions/4336012/is-it-possible-for-a-foreach-loop-to-have-a-condition-check">http://stackoverflow.com/questions/4336012/is-it-possible-for-a-foreach-loop-to-have-a-condition-check</a>?</li>
</ol>

~ view task ~ TaskGroup] VERSIONS-PAGES-sospep-subjects FROM [ Plan] doc-projects IN [ calendars] prj-022-sospep