yikes multiple problems
Ning To Jamroom
@michael and more important;y
@douglas
is this the template that creates the grid
{jrCore_module_url module="jrGallery" assign="murl"}
{if isset($_items)}
{if $_post.module == 'jrTags'}
{* for the jrTags module it makes no sense to show a gallery. Its the image thats tagged, show that.*}
{foreach $_items as $item}
<div class="jrgallery_image_grid">
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_image_name|urlencode}" title="{$item.gallery_caption|default:$item.gallery_image_name|jrCore_entity_string}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="medium" crop="auto" class="gallery_img iloutline" alt=$item.gallery_title width=false height=false}</a><br>
</div>
{/foreach}
{else}
{capture name="row_template" assign="template"}
{literal}
{jrCore_module_url module="jrGallery" assign="murl"}
{foreach from=$_items item="item"}
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.gallery_image_name|urlencode}">{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="small" crop="auto" class="iloutline" alt=$item.gallery_title}</a>
{/foreach}
<a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item.gallery_title_url}/all"><span style="margin-left:6px;">{jrCore_icon icon="next"}</span></a>
{/literal}
{/capture}
{foreach from=$_items item="item"}
<div class="item">
<div class="container">
<div class="row">
<div class="col10">
<div class="jr_gallery_row">
<div>
<h2><a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item.gallery_title_url}/all">{$item.gallery_title}</a></h2>
{if !empty($item.gallery_description)}
<br>
<span class="normal">{$item.gallery_description}</span>
{/if}
</div>
<div class="mt10" style="padding-top:0">
{assign var="limit" value="6"}
{if jrCore_is_mobile_device()}
{assign var="limit" value="5"}
{/if}
{jrCore_list module="jrGallery" profile_id=$item._profile_id search1="gallery_title_url = `$item.gallery_title_url`" template=$template order_by="gallery_order numerical_asc" exclude_jrUser_keys="true" exclude_jrProfile_quota_keys="true" limit=$limit}
</div>
</div>
</div>
<div class="col2 last">
<div class="block_config">
{jrCore_item_update_button module="jrGallery" profile_id=$item._profile_id item_id=$item._item_id}
{jrCore_item_delete_button module="jrGallery" profile_id=$item._profile_id action="`$murl`/delete_save/`$item.profile_url`/`$item.gallery_title_url`"}
</div>
</div>
</div>
</div>
</div>
{/foreach}
{/if}
{/if}
i couldn't find the containing block_container so im not sure but thought that mightbe outside the template, this seems..if i understand it correctly to create rows of 6 unless mobile then rows of 5
but that to me doesnt make sence as alot of tablets might only alow rows of 2 ferticly or 3 maybe 4 in lanscape and mobile phones only 1
while most modern desktops with high res would be fine with 6 i just had to boot into safe mode ant took a look at it there and it had a row of 4 then 2 below it
instead a more "graceful' solution would be a centered block, and a single 'row' that wrapped to next row when out of space
ideally theered be a way forthe last "row' to keep the same number of 'colums" as the 1 above but if thats not posible just keeping a finite number of images on a page the last row might have fewer (but be centered)
im not sure thats ideal either but you get what im saying
perhaps the ideal solutions what some call the 'holy grail' layout the 3 column responsive grid that then becomes 2 then 1
and like i said also a set height for the whole block )or item i mean the photo caption and name those 3 items together that div should have a set height so that theres no variation in row heights
updated by @soaringeagle: 12/29/14 09:23:54AM
