Help Editing A Template
Design and Skin Customization
Here is some photoshop to better explain what i am trying to acheive
Forum Activity for @derrickhand300
Design and Skin Customization
Here is some photoshop to better explain what i am trying to acheive
Help Editing A Template
Design and Skin Customization
Thank you Brian for the spacing tip- worked great!
As for 'mobile ready" I guess it actually is...but displaying in the 'mobile ready" way it creates 1 column of 4 images...in the attached screenshot you can see that even just one image goes outside the box i have created with css...all 4 images in a single column goes WAY outside the box..
So i am wondering how to get this gallery to display in mobile the same as on desktop? So what I would wish for it to display like is shown in the attachment "mobile screen wish list"
Is it possible to change the col3 class to something else to make the desired result happen?
Help Editing A Template
Design and Skin Customization
I have also considered trying to add the css that surrounds the gallery code with an IF statement so that the CSS does not show on mobile devices( as a last resort)
{if !jrCore_is_mobile_device()}
ADD CSS# HERE SO ITS REMOVED FROM MOBILE DEVICES
{/if}If this is a last resort- how does one just add the css inside the statement? For example the entire code is this
<div id="direct"><h2 style="text-align: left;">Football Photo Gallery </h2>
<br><br>
<h3 style="text-align: left;"><span style="color: #3366ff;"><a style="color: #3366ff;" href="http://sayreeagles.net/all_football" target="_blank">VIEW ALL</a></span></h4><br></strong></h3><br>{jrCore_list module="jrGallery" search1="gallery_title = Football" order_by="_created desc" limit="100" pagebreak="4" template="widget_list_grid_4.tpl" tpl_dir="jrGallery"}<p style="text-align: right;"><strong><span style="color: #3366ff;"><a style="color: #3366ff;" title="UPLOAD PHOTOS" href="http://sayreeagles.net/gallery/create" target="_blank">UPLOAD PHOTOS</a></span></strong></p></div>How would you get just the div id- inside the if statement without it effecting the rest of the gallery code?
updated by @derrickhand300: 11/14/15 08:27:13AM
Help Editing A Template
Design and Skin Customization
I need some help on editing a template for images-the code below is the template code for the attached screenshot
<div class="container">
{if isset($_items)}
{foreach from=$_items item="item"}
{if $item@first || ($item@iteration % 4) == 1}
<div class="row">
{/if}
<div class="col3{if $item@last || ($item@iteration % 4) == 0} last{/if}">
<a href="{jrGallery_get_gallery_image_url item=$item}" title="@{$item.profile_url}: {$item.gallery_alt_text}" target="_blank"><br>
{jrCore_module_function function="jrImage_display" module="jrGallery" type="gallery_image" item_id=$item._item_id size="larger" crop="square" class="img_scale" style="margin:0" alt=$item.gallery_image_name}
</div>
{if $item@last || ($item@iteration % 4) == 0}
</div>
{/if}
{/foreach}
{/if}
</div>I am trying to do TWO things actually
1-I would like a slight space between each of the images so they do not run together
2-I would like the images (all 4) to display this same way on mobile devices. Currently they display on mobile devices as a single column of 4 images which breaks them out below the css I am using to style them with
How do i get a slight space between each image- then how to get this template code to display as 4 across on mobile devices?
NOTE- at one time I was able to get them to stay 4 wide on mobile devices by adding some form of pagination...but now I cannot reproduce that-my preference would be to display as in the screenshot without the pagination
I am open to any suggestions/advice
I am stumped
updated by @derrickhand300: 02/16/16 11:26:46AM
Creating Default Galleries
Using Jamroom
Thanks Brian- got it working as expected except for pagination
using this code
<h2><span style="color: #00ffff;"><a style="color: #00ffff;" href="http://sayreeagles.net/gallery/create">CLICK HERE TO UPLOAD YOUR PHOTOS</a></span></h2><br>
Basketball{jrCore_list module="jrGallery" search1="gallery_title = Basketball" order_by="_created desc" limit="5" pagebreak="10" pager="true" page=$_post.p template="widget_list_grid_6.tpl" tpl_dir="jrGallery"}<br>
Football{jrCore_list module="jrGallery" search1="gallery_title = Football" order_by="_created desc" limit="5" pagebreak="10" pager="true" page=$_post.p template="widget_list_grid_6.tpl" tpl_dir="jrGallery"}<br>
Band{jrCore_list module="jrGallery" search1="gallery_title = Band" order_by="_created desc" limit="5" pagebreak="10" pager="true" page=$_post.p template="widget_list_grid_6.tpl" tpl_dir="jrGallery"}<br>
{jrCore_list module="jrGallery" search1="gallery_title = Softball" order_by="_created desc" limit="5" pagebreak="10" pager="true" page=$_post.p template="widget_list_grid_6.tpl" tpl_dir="jrGallery"}<br>
{jrCore_list module="jrGallery" search1="gallery_title = Track" order_by="_created desc" limit="5" pagebreak="10" pager="true" page=$_post.p template="widget_list_grid_6.tpl" tpl_dir="jrGallery"}<br>
{jrCore_list module="jrGallery" search1="gallery_title = Cheerleading" order_by="_created desc" limit="5" pagebreak="10" pager="true" page=$_post.p template="widget_list_grid_6.tpl" tpl_dir="jrGallery"}Can you tell me is there something wrong with the code that i have which may be stopping the pagination from showing up on each of the above galleries?
You can view the gallery on the home page in the left column-please let me know
Jamroom 5.3 Beta Kickoff
Announcements
I like the new dashboard too....it makes more SENSE and easier to find stuff
Jamroom 5.3 Beta Kickoff
Announcements
FEATURE REQUEST:
It occurred to me today that a button (on each image-video-photo-blog etc) that would take you directly to that item in the datastore would be helpful in a future release
That way when you need to modify an item in the datastore you do not have to search for it..just a thought
updated by @derrickhand300: 11/13/15 08:09:35AM
Creating Default Galleries
Using Jamroom
Thank you Michael-I had to go into the Form Designer and make some more changes...buit somehow its now working as expected-thanks again for your help
Creating Default Galleries
Using Jamroom
Ok...I have found a workaround (I think)
Instead of using gallery_title ( which does not work) if I replace that with gallery_select then it gets the images...why?
and lastly HOW do I stop these images from also forming their own gallery? ( I want them ALL to use the default galleries)
