Solved Ticket Extended Footer

[tfmore]

Russ,
I realize you're on vacation, we just wanted to send this off while everything is still fresh in our minds. So before we have another Addon built, I just want to make sure it's not a feature that we've overlooked. It's the ability to have the Extended Footer show on specified pages, like the Homepage only perhaps. Just checking to make sure that option isn't tucked away somewhere.

Hope you're recharging well.
Thank you

 

[Steve]

Hmm we can at using a conditional for the Content template. I'll get back with you on that.

 

[tfmore]

Hi Steve,
We decided against using the extended footer altogether.
Thanks for the help.

 

[Russ]

Just as a heads up in case you decide to use it, to apply to specific pages open the footer template up, wrap this:

<xen:if is="@xb_footer_Enable">
   <xen:include template="xb_footer_layouts" />
</xen:if>

in a conditional:

<xen:if is="{$contentTemplate} == 'forum_view'">that code above</xen:if>

Or an array:

<xen:if is="in_array({$contentTemplate}, array(forum_view, thread_view, member_view))">that code above</xen:if>

 

[tfmore]

Ok thank you.

 

[tfmore]

Seems we cant get around needing the extended footer for a few reasons. As you know we've tried many different angles, but unfortunately there wasn't one we could be 100% satisfied with. The closest happy medium is just going pure links in blocks, which leads to the main problem we always run into with this footer, and that is the bootstrap type functionality...I believe its called.

We now understand the concept of the percentages in each block, how they work together responsively, etc. But how they jumble up when viewing in device width (tablet), and in landscape view (on its side), is something we've been trying to remedy since the start. One block may have 7 links while another only has 3, which really makes things nonuniform. Screenshot Attached.

Russ is there any way to give these blocks room to breath, even in that device mode? Regardless of how many lines/links each block has? So it's 4 evenly 'padded' blocks? If we can accomplish this then our footer worries are over.

Thank you

 

[Steve]

I'm on my iPad so I can't really debug anything.

Though it seems you need to set a min-height on the blocks. When creating that setup we assumed there would be a even number of content in the blocks but this should be a easy fix with min-height. So if you can find the containing element for each of the blocks and set a min-height with CSS. @Russ should be on in a bit and can help further.

 

[tfmore]

Ok great thank you.

 

[Russ]

Yep head to Style Properties -> [XB] Custom Footer -> Block CSS, throw a min-height: 140px; in the misc box.

 

[tfmore]

Hi Russ,
Added that, but it still seems to be the same. Does it appear different from your end? I've attached a screenshot of our settings.

 

[tfmore]

Oh I think I see now. We reset the links back to their default horizontal spacing before adding the new code, which means we'd need to increase that min height to get the new effect again. Is this correct?

 

[Russ]

Yep do 210px instead of 140px, I'm making an adjustment in our next release to avoid this and it should work better overall.

 

[tfmore]

Thanks!
Russ, I'm sure people tell you guys all the time how great you are, but you really did pull us back from almost throwing in the towel on this pipe-dream. So to be able to have professionals the likes of PixelExit in our corner, is a true privilege. We'd prefer to work with you exclusively. Do you build custom Addons?

 

[tfmore]

I would have asked this before but I thought we were going to be able to do it. All text in the blocks needs to be aligned left, for device, tablets and such I suppose. So I found the file xb_footer_layouts, the change center to left here:

@media (max-width:@maxResponsiveWideWidth)
{
    .extraFooter .footerBlock { width: 50%; text-align: left; display: block; float: left; }
}

...and everything works fine. So I take that exact code and past it in to the extra.css, but it does not work. Is this not soothing we can manage in the extra.css?

And I want to ask you one more time in case it squeezed by, do you built custom Addons, Russ?

Thank you

 

[tfmore]

*build

 

[Russ]

Thanks!
Russ, I'm sure people tell you guys all the time how great you are, but you really did pull us back from almost throwing in the towel on this pipe-dream. So to be able to have professionals the likes of PixelExit in our corner, is a true privilege. We'd prefer to work with you exclusively. Do you build custom Addons?

Thank you for the kind words

We have @NixFifty on board who does the programming, best to just start a ticket with details about the plugin to see what he can do.

I would have asked this before but I thought we were going to be able to do it. All text in the blocks needs to be aligned left, for device, tablets and such I suppose. So I found the file xb_footer_layouts, the change center to left here:

@media (max-width:@maxResponsiveWideWidth)
{
    .extraFooter .footerBlock { width: 50%; text-align: left; display: block; float: left; }
}

...and everything works fine. So I take that exact code and past it in to the extra.css, but it does not work. Is this not soothing we can manage in the extra.css?

And I want to ask you one more time in case it squeezed by, do you built custom Addons, Russ?

Thank you

It should work but you may need to add an extra selector to it. So.. in your extra.css:

@media (max-width:@maxResponsiveWideWidth)
{
    .Responsive .extraFooter .footerBlock { width: 50%; text-align: left; display: block; float: left; }
}

Notice the .Responsive

 

[tfmore]

Works perfect now. Will do, thanks again.