X-Threads Garage?

[RocketFoot]

I do read through the templates and try to understand things but some are still a bit over my head!  LOL!  This one was a mistake on my part, I uploaded the correct file name but it went into the wrong folder!  

I really appreciate you guys taking the time to help me out!


On the browse vehicle issue, I found the templates but they are under my skin templates...should I create the new gf_ templates there also or under global?

I've copied and added the new templates under global templates but it does not hide the browse vehicle field.  I must be doing it wrong again!  LOL

[RateU]

(09-10-2010 10:37 PM)RocketFoot Wrote:  On the browse vehicle issue, I found the templates but they are under my skin templates...should I create the new gf_ templates there also or under global?

You need to do what Yumi said in his post (this post):

(09-10-2010 08:57 PM)ZiNgA BuRgA Wrote:  you need to make a copy of the newthread and editpost templates, naming them gf_newthread and gf_editpost_first respectively.

(09-10-2010 10:37 PM)RocketFoot Wrote:  I've copied and added the new templates under global templates but it does not hide the browse vehicle field.  I must be doing it wrong again!  LOL

Edit your Browse Vehicle custom thread fields. Set the Hide Input Field setting to Yes. Please make sure that you've added the hidden input in your template, like what Yumi said in his post:

(09-10-2010 08:57 PM)ZiNgA BuRgA Wrote:  In these copies, find

HTML Code

<input type="hidden" name="posthash" value="{$posthash}" />

---

and add after

HTML Code

<input type="hidden" name="xthreads_gfbv" value="Browse Vehicle" />

---

Thank you very much, Yumi

[RocketFoot]

Excellent!  I did as Yumi said but I didn't get the field set to hide!  When I tried it the first time it hid all of the fields so I didn't try it again...LOL!  I am good to go now!  Thank you again, RateU and Yumi!

[leefish]

Hi Rateu, thank you very much for this - I used a slightly edited version on my 1.6 forum (no jquery) and it works fine.

I used the hidden css but not the browse vehicles field and it still worked. Hmmm.

http://www.leefish.nl/mybb/forumdisplay.php?fid=7  << link if you would like to see it.

Thanks to you and Yumi my Downloads area is starting to look pretty sharp. For anyone who likes that boxed in look here is the code for the gf_forumdisplay_thread

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60

<div style="float: left; height: 220px; padding: 3px; max-height: 220px; width: 19%;{$filters_set['__all']['hiddencss']}"> <table class="trow2" align="center" style="border: 1px solid;" width="185px" height="218px"> <tbody> <tr> <td align="center"> <table align="center"> <tbody> <tr> <td align="center"> <div style="align: center; height: 140px; padding: 1px; max-height: 120px;"class="smalltext"> <a href="{$threadurl}"><img src="{$GLOBALS['threadfields']['gfvimg']['url']}/thumb120x90" alt="View {$thread['subject']}" title="View {$thread['subject']}" /></a> </div><br /> <span class="smalltext"> <a href="{$thread['threadlink']}">{$thread['subject']}</a><br /> </span> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br /> <br /> </div> <div style="{$filters_set['__all']['visiblecss']}"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border: 0px;"> <tr> {$rating} <td class="tcat smalltext" align="center" colspan="{$colspan}"> <strong><a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a></strong> </td> {$modbit} </tr> <tr> <td class="{$bgcolor} smalltext" rowspan="2" width="1" align="center" valign="middle"> <a href="{$threadurl}"><img src="{$GLOBALS['threadfields']['gfvimg']['url']}/thumb120x90" alt="View {$thread['subject']}" title="View {$thread['subject']}" /></a> </td> <td class="{$bgcolor}" colspan="4"> <div>Owner: {$thread['profilelink']}</div> <div>Added: {$thread['threaddate']} - {$thread['threadtime']}</div> </td> </tr> <tr> <td class="{$bgcolor} smalltext" align="center" height="25"> Comments: <a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts} </td> <td class="{$bgcolor} smalltext" align="center" width="25%"> Odometer: {$GLOBALS['threadfields']['gfodometer']} </td> <td class="{$bgcolor} smalltext" align="center" width="15%"> Views: {$thread['views']} </td> <td class="{$bgcolor} smalltext" align="center" width="15%"> Price: {$GLOBALS['threadfields']['gfprice']} </td> </tr> </table> </div>

---

[RateU]

(09-11-2010 08:00 AM)leefish Wrote:  I used the hidden css but not the browse vehicles field and it still worked. Hmmm.

It is because you already have a filtering fields there, Lee. And it is because we use {$filters_set['__all']['...']} variable there.

Thanks for the box, Lee. It looks nice

[RocketFoot]

I've tinkered around with a few <p> and such but I can't figure out how to add some margin between the top and bottom of each garage listing on the Garage Home Page.  Can anyone help me space them further apart?

[RateU]

You can edit the gf_forumdisplay_thread template:

Find:

HTML Code

<div class="float_left" style="width: 49%;{$filters_set['__all']['hiddencss']}">

---

Add margin to the div, something like this:

HTML Code

<div class="float_left" style="width: 49%; margin-bottom: 11px;{$filters_set['__all']['hiddencss']}">

---

Modify the value of the margin as your needs.

[RocketFoot]

Perfect!  Formatting skills are certainly lacking!  LOL!

Thank you yet again!

[RateU]

The example is a basic function, RocketFoot. There are some modification we can do to it. Like adding more custom thread fields for car information like Year, Engine and etc, so, we can have a different information in our Details tabs. If we have other filter fields, we can use it in XThreads inline search. For example, if we specified the year by listbox, and make it as filter threads, then apply it in Xthreads inline search, our user can search a car by year.

The "main" part for this garage is gf_showthread and gf_forumdisplay_thread template. So, if we want to edit or change something, maybe we need to look at those templates. I think Leefish already tell it in the #14 post.

And, because we didn't force postbit layout here. if we change or edit the gf_postbit_first template, we need to change or edit the gf_postbit_first_classic too. Maybe you already know this. But if you don't want to deal with two postbit template, set the force postbit layout in XThreads Option to one of the postbit layout.

For the gf_forumdisplay_thread template, basically, the template contains two layout:

The first layout, for Garage Home:

HTML Code

1 2 3 4 5 6 7 8 9 10

<div class="float_left" style="width: 49%;{$filters_set['__all']['hiddencss']}"> <div style="text-align: center; width: 80%; margin: auto auto;"> <div style="height: 100px; vertical align: middle;"> <a href="{$threadurl}"><img src="{$GLOBALS['threadfields']['gfvimg']['url']}/thumb120x90" alt="View {$thread['subject']}" title="View {$thread['subject']}" /></a> </div> <span><a href="{$thread['threadlink']}">{$thread['subject']}</a>{$thread['multipage']}</span> <div class="author smalltext">Owner: {$thread['profilelink']}</div> <div class="author smalltext">Added: {$thread['threaddate']} - {$thread['threadtime']}</div> </div> </div>

---

There are no much fields in this layout. If we want to change how many thread per row, try to play with the width in the first line (line #1). Example: using 33% maybe will get three threads/garages per row. Just be careful with visitor/user with a small screen resolution if we want to play with it. The main thing for us to set the width is the thumbnail width we use for the image. For example, if we use 120x90 image thumbnail, and have 5 thread/garages per row, it already takes minimum 600px at the right side, not included the navigation at the left side and other properties of our template, like padding to the container and etc. Maybe in this condition, the layout will break/overlap for a user/visitor with a small screen resolution. Because I only have a max resolution 1024x768 (15" CRT monitor, yeah, a veeeeeery old computer ), that's why I set it to two threads/garages per row.

The second layout, for the Vehicles Details:

HTML Code

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<div style="{$filters_set['__all']['visiblecss']}"> <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border: 0px;"> <tr> {$rating} <td class="tcat smalltext" align="center" colspan="{$colspan}"> <strong><a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a></strong> </td> {$modbit} </tr> <tr> <td class="{$bgcolor} smalltext" rowspan="2" width="1" align="center" valign="middle"> <a href="{$threadurl}"><img src="{$GLOBALS['threadfields']['gfvimg']['url']}/thumb120x90" alt="View {$thread['subject']}" title="View {$thread['subject']}" /></a> </td> <td class="{$bgcolor}" colspan="4"> <div>Owner: {$thread['profilelink']}</div> <div>Added: {$thread['threaddate']} - {$thread['threadtime']}</div> </td> </tr> <tr> <td class="{$bgcolor} smalltext" align="center" height="25"> Comments: <a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts} </td> <td class="{$bgcolor} smalltext" align="center" width="25%"> Odometer: {$GLOBALS['threadfields']['gfodometer']} </td> <td class="{$bgcolor} smalltext" align="center" width="15%"> Views: {$thread['views']} </td> <td class="{$bgcolor} smalltext" align="center" width="15%"> Price: {$GLOBALS['threadfields']['gfprice']} </td> </tr> </table> </div>

---

We can see that this layout has more information than the first layout. Pay attention to this layout if we change/edit our custom thread fields.

I hope this make it clearer, RocketFoot

BTW, may I add your garage forum as one of the live demo in the example post?

[RocketFoot]

Thanks for the further explaination.  I have changed several of the fields already but I am considering the addition of several more.  At this point, I just needed a simple garage but I do like the expandability!

You may use my site as a demo if you like!