XF 1.2 Responsive template modifications

[giorgino]

Hi all

I'm making some changes to my template modifications for make more responsive my sites.

One of this is:

Find:

<xen:h1>{$xenOptions.boardTitle}</xen:h1>

Replace:

<div class="visibleResponsiveFull hiddenResponsiveWide hiddenResponsiveNarrow hiddenResponsiveMedium">
<xen:h1>{$xenOptions.boardTitle} con {xen:number $boardTotals.users} Membri Registrati</xen:h1>
</div>

but don't work. What's wrong?

 

[Jeremy]

The xen:h1 tag isn't evaluated immediately when its called. The <h1> that is printed out when you call <xen:h1 /> is actually contained in the template PAGE_CONTAINER.

 

[giorgino]

The xen:h1 tag isn't evaluated immediately when its called. The <h1> that is printed out when you call <xen:h1 /> is actually contained in the template PAGE_CONTAINER.

mmm.... so how can I workaround this?

 

[Jeremy]

Modify the PAGE_CONTAINER to include your template edit.

 

[giorgino]

Is this the piece of code to customize?

                        <xen:hook name="page_container_content_title_bar">
                        <xen:if is="!{$noH1}">                       
                            <!-- h1 title, description -->
                            <div class="titleBar">
                                {xen:raw $beforeH1}
                                <h1><xen:if
                                    is="{$h1}">{xen:raw $h1}<xen:elseif
                                    is="{$title}" />{xen:raw $title}<xen:else
                                    />{$xenOptions.boardTitle}</xen:if></h1>
                               
                                <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                            </div>
                        </xen:if>
                        </xen:hook>

 

[Jeremy]

Yes.

 

[giorgino]

I'm testing simple char insert without success... Any advice?

 

[Jeremy]

What are your modifications?

 

[giorgino]

I simply tested something like:

<xen:hook name="page_container_content_title_bar">
                        <xen:if is="!{$noH1}">                  
                            <!-- h1 title, description -->
                            <div class="titleBar">
                                {xen:raw $beforeH1}
                                <h1><xen:if
                                    is="{$h1}">{xen:raw $h1}<xen:elseif
                                    is="{$title}" />{xen:raw $title}<xen:else
                                    />{$xenOptions.boardTitle}test</xen:if></h1>
                          
                                <xen:if is="{$pageDescription.content}"><p id="pageDescription" class="muted {$pageDescription.class}">{xen:raw $pageDescription.content}</p></xen:if>
                            </div>
                        </xen:if>
                        </xen:hook>

Look at line: />{$xenOptions.boardTitle}test</xen:if></h1>

But in this way, no word 'test' appear after the board title...

 

[Jeremy]

That section is only used if the template you are viewing (specifically the page in general) doesn't utilize <xen:h1> of <xen:title> to set the H1 value. You'll either want to place your test outside of the <xen:if> completely, or use the statement 2 lines above it. If you want to hide it in responsive, just add your classes to the div that contains the <h1>.

 

[giorgino]

Something like this?

/>{$xenOptions.boardTitle}</xen:if>test</h1>

The system don't apply my template mod...

 

[Jeremy]

Yes. Just edit the template directly, your search found nothing that matched and hence didn't apply the modification.

 

[giorgino]

your search found nothing that matched

Please explain me...
Testing the mod, the change is detected...



Why do I have to modify the template directly?

 

[Jeremy]

Its the recommended method as template modifications are geared towards add-on developers to share template changes:
http://xenforo.com/community/resources/a-guide-to-xenforo-1-2-and-templates.2115/

You may have a conflicting template modification.

 

[giorgino]

Its the recommended method as template modifications are geared towards add-on developers to share template changes

I know (great @Chris Deeming tutorial!) but I use this modification as addon across my six xf boards
For me it's really crucial to use xf TM for that basic template mods.

 

[Jeremy]

Disable modifications until it wants to apply.

 

[giorgino]

Disable modifications until it wants to apply.

Found it! It's another of my template mods that conflict!

Now I find the correct mod and post here the result for future users
Thank you for now!

 

[giorgino]

uhmm... the {xen:number $boardTotals.users} variable return 0

 

[Jeremy]

You'll need to make sure that $boardTotals is available to the template you are attempting to place it in.

 

[giorgino]

You'll need to make sure that $boardTotals is available to the template you are attempting to place it in.

ehmm... how?