blog documentation FAQ followers forum marketplace services youtube

solved YouTube Horizontal Row

The Jamroom Network » Forum » Using Jamroom » Page » YouTube Horizontal Row
Dazed
Dazed
@dazed
10 years ago
1,022 posts
Since I only use youtube I needed to reset the index newest videos to be youtube videos only. I was able to get the call set and the videos are displayed, however they are showing 3 vertical videos vs the 3 horizontal videos. Below is the template I am using. I did not think I would need to make this a table to display since I think JR has this built into the existing css. Ideas?


{if isset($_items)}
{jrCore_module_url module="jrYouTube" assign="murl"}
{foreach from=$_items item="item"}
    <div class="item">

        <div class="container">
            <div class="row">
                <div class="col2">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.youtube_title_url}"><img src="{$item.youtube_artwork_url}" alt="{$item.youtube_title|jrCore_entity_string}" class="iloutline img_scale"></a>
                    <br>
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.youtube_title_url}">{$item.youtube_title}</a></h3><br>
                    </div>
                </div>

                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrYouTube" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>

    </div>
{/foreach}
{/if}

updated by @dazed: 04/30/14 08:52:28AM
boplive
@boplive
10 years ago
345 posts
try it this way...
having problem with the code staying here its dissapearing

{jrCore_module_url module="jrYouTube" assign="murl"}
{if isset($_items)}
--- container class goes here
--- row class goes here
{foreach from=$_items item="item"}
--- item class goes here

!!! everything else here from col2...to the div class clear goes here !!!

---div close goes here
{/foreach}
--- div close goes here
--- div close goes here
{/if}

updated by @boplive: 03/30/14 06:41:29PM
douglas
@douglas
10 years ago
2,791 posts
Give this a try:

{if isset($_items)}
{jrCore_module_url module="jrYouTube" assign="murl"}
    <div class="item">
        <div class="container">
            <div class="row">
			{foreach from=$_items item="item"}
                <div class="col2{if $item@last} last{/if}">
                    <div class="block_image">
                        <a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.youtube_title_url}"><img src="{$item.youtube_artwork_url}" alt="{$item.youtube_title|jrCore_entity_string}" class="iloutline img_scale"></a>
                    <br>
                        <h3><a href="{$jamroom_url}/{$item.profile_url}/{$murl}/{$item._item_id}/{$item.youtube_title_url}">{$item.youtube_title}</a></h3><br>
                    </div>
                </div>

                <div class="col2 last">
                    <div class="block_config">
                        {jrCore_item_list_buttons module="jrYouTube" item=$item}
                    </div>
                    <div class="clear"></div>
                </div>
			{/foreach}
            </div>
        </div>

    </div>
{/if}

Hope this helps,
Douglas


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
Dazed
Dazed
@dazed
10 years ago
1,022 posts
Perfect. Thanks all :)