Have You Used The XF 1.3 Responsive Template Code?

[DRE]

Hey I didn't know about this feature until a dude told me about it. Any of y'all using it and how?

 

[Paul B]

You mean this?

http://xenforo.com/community/resources/responsive-design.2193/

And this?

http://xenforo.com/community/resources/responsive-adsense.2084/

Err, yeah, been using it since 1.2.

 

[DRE]

I thought that was only for .css

I thought that it now applied in normal templates.

 

[Paul B]

It's been in place since 1.2.
Nothing has changed in 1.3 with regards to it.

 

[Jeremy]

What do you mean? Responsive Design is related to changing the design in resopnse to screen size, mostly done via JavaScript and CSS.

 

[DRE]

What do you mean?

template: ad_above_content

<xen:if is="@enableResponsive">
html code for a Banner: 360 width
<xen:else />
html code for a Banner: 728 width
</xen:if>

 

[Paul B]

See my previous post.

 

[Arty]

template: ad_above_content

<xen:if is="@enableResponsive">
html code for a Banner: 360 width
<xen:else />
html code for a Banner: 728 width
</xen:if>

Why would you do something like that? enableResponsive is simply a style property, its not an indication of width or anything else.

If your idea is to serve different content depending on width, you are doing it wrong. It is impossible to put such conditional statements in templates because templates are parsed on server side and browser window width is not known. Width detection is done on client side via ether JavaScript or CSS, which happens after templates have been rendered and sent to client.

 

[DRE]

Why would you do something like that? enableResponsive is simply a style property, its not an indication of width or anything else.

If your idea is to serve different content depending on width, you are doing it wrong. It is impossible to put such conditional statements in templates because templates are parsed on server side and browser window width is not known. Width detection is done on client side via ether JavaScript or CSS, which happens after templates have been rendered and sent to client.

Thank you for this basic knowledge I lacked. Got hyped over nothing lol.

 

[RobParker]

Thank you for this basic knowledge I lacked. Got hyped over nothing lol.

I think you're referring to CSS media queries. They were the bits missing from your example code.