[Solved] I am unable to modify the default.master.tpl file

fahadkz · September 2013

Hi guys,

I am new to this community and also new the vanilla forums and I hope to get solutions from you guys. I have installed vanilla forum 2.0.18 and also have installed a theme vanillabootstrap but the issue I am facing is whenever I try changing default.master.tpl it does not change anything. I have no clue why. I tried adding a div which will contain a small message but it does not show up. So, please guys help me out with this one.

Thank you

hgtonight · September 2013

Welcome to the community!

What version of Vanilla are you running?

fahadkz · September 2013

@hgtonight said:
Welcome to the community!

What version of Vanilla are you running?

2.0.18

peregrine · September 2013

in what directory are you modifying default.master.tpl

and post your change to your code.

and learn how to identify your version of vanilla properly, as well as theme version #, and clear your ini files in the cache directory when modifying themes.

There are several 2.0.18 versions. for the record you can find your version # here.

to find your vanilla version http://vanillaforums.org/discussion/comment/191960/#Comment_191960

fahadkz · September 2013

I have installed 2.0.18.8 and as for the directory its in the views directory of the theme and for the code I will post it soon. But as you know I am new to this stuff so can you tell me how to clear the ini files? Do I delete them?

UnderDog · September 2013

@fahadkz said:
can you tell me how to clear the ini files? Do I delete them?

Yes, delete the .ini files. Did you download the VanillaBootstrap theme or get it from Github?

fahadkz · September 2013

I would like to give you every info needed it is as follows

Vanilla : 2.0.18.8

Theme : Bootstrap 1.1b-2.0 (Downloaded here and not from github)

Deleted ini files : Yes

Deleted files in compile directory : Yes

My modified master.tpl code

`
<!DOCTYPE html>

{asset name='Head'}

<!-- LESS CSS and Prettify
================================================== -->

<link rel="stylesheet/less" type="text/css" href="/themes/VanillaBootstrap/design/less/main.less">
<link rel="stylesheet" type="text/css" href="/themes/VanillaBootstrap/design/prettify/prettify.css">

<!-- Javascript
================================================== -->

<script type="text/javascript" src="/themes/VanillaBootstrap/js/bootstrap.less.js"></script>
<script type="text/javascript" src="/themes/VanillaBootstrap/js/bootstrap.main.js"></script>

<script type="text/javascript" src="/themes/VanillaBootstrap/js/plugin.autosize.js"></script>

<script type="text/javascript" src="/themes/VanillaBootstrap/js/vanilla.main.js"></script>

<!-- Google Prettify
================================================== -->

<script type="text/javascript" src="/themes/VanillaBootstrap/design/prettify/prettify.js"></script>

<!-- Navbar
================================================== -->

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </a>
            <a class="brand" href="{link path="/"}">{logo}</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li class="DiscussionsLink"><a href="{link path="/discussions"}"><i class="icon-comments"></i> Discussions</a></li>
                    <li class="ActivityLink"><a href="{link path="/activity"}"><i class="icon-time"></i> Activity</a></li>
                    {if $User.SignedIn} 
                    <li>
                        <a href="{link path="messages/inbox"}"><i class="icon-inbox"></i> Inbox
                        {if $User.CountUnreadConversations} <span>{$User.CountUnreadConversations}</span>{/if}</a>
                    </li>
                    {/if}
                    {custom_menu}
                </ul>

                <ul class="nav pull-right">
                    {if $User.SignedIn}                     
                    <li class="divider-vertical"></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle signOut" data-toggle="dropdown"><i class="icon-user"></i> {$User.Name}
                        {if $User.CountNotifications} <span>{$User.CountNotifications}</span>{/if} <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li class="nav-header">Welcome!</li>
                            <li>
                                <a href="{link path="profile"}">Profile
                                {if $User.CountNotifications} <span>{$User.CountNotifications}</span>{/if}</a>
                            </li>
                            {if CheckPermission('Garden.Settings.Manage')}
                                <li><a href="{link path="dashboard/settings"}">Dashboard</a></li>
                            {/if}
                            <li class="divider"></li>
                            <li>
                                {link path="signinout"}
                            </li>
                        </ul>
                    </li>
                    {/if}
                    {if !$User.SignedIn}                        
                    <li>
                        <a href="{link path="/entry/register"}"> 
                            <i class="icon-edit"></i> <b>Sign up</b>
                        </a>
                    </li>
                    <li class="divider-vertical"></li>
                    <li>
                        <a href="{link path="/entry/signin"}" class="SignInPopup">Have an account? 
                            <i class="icon-signin"></i> <b>Sign in</b>
                        </a>
                    </li>
                    {/if}
                </ul>
            </div>
        </div>
    </div>
</div>      

<!-- Container
================================================== -->

<div class="container">
    <div class="info">dummy info</div>
    <div class="row-fluid">
        <div class="Panel span4">
            <div class="Box BoxSearch">{searchbox}</div>
            {asset name="Panel"}
            <div class="credits well">
                Powered by <a target="_blank" href="http://vanillaforums.org"><b>Vanilla.</b></a>
                Made with <a target="_blank" href="http://getbootstrap.com"><b>Bootstrap.</b></a>
                <br>
                Theme built by <a href="https://github.com/kasperisager"><b>Kasper Kronborg Isager</b></a>
                <!-- Feel free to delete my name from the list, but please keep both the Vanilla and Bootstrap notices -->
            </div>
        </div>
        <div class="Content span8">
            {asset name="Content"}
        </div>
    </div>

    {asset name="Foot"}

</div>

`

still the markup does not change

peregrine · September 2013

Do you have any duplicate copies of the theme or duplicates of tpl files.

Do you know if it is reading the one you want.

How come you have no header or body tags?

And what change did you make specifically.

Perhaps remove the theme and delete folders relating to vanilla bootstrap and start over by downloading again and follow all necessary instructions

your jquery version is what?

you could switch to another theme and modify the ,tpl and see if a change works in a different theme - just for grins.

fahadkz · September 2013

@peregrine said:
Do you have any duplicate copies of the theme or duplicates of tpl files.

Do you know if it is reading the one you want.

How come you have no header or body tags?

And what change did you make specifically.

Perhaps remove the theme and delete folders relating to vanilla bootstrap and start over by downloading again and follow all necessary instructions

your jquery version is what?

you could switch to another theme and modify the ,tpl and see if a change works in a different theme - just for grins.

No duplicate copies of theme or tpl files

No it does not read the file that I modified. I inspected it with the developer tool. Even if I rename the tpl file to something else it still remains the same. So, I believe it is not reading the file.

I pasted the whole code but I do not know what happened.

I have added a div with a class of info just below the container div where the container starts.

Yes I have deleted the theme and re-installed it and the change did work but the test will be after some days when I would like to modify the file again and see if it does change because when I freshly installed vanilla and the theme the changes were done but after some days when I tried modifying nothing changed.

I read the instructions so I have jquery 1.7.2

I have switched other theme and the change is taking place but as I said earlier I would like to test it after some days.

peregrine · September 2013

when you make changes in themes - often you need to delete ini files in /cache folder AFTER you make the change or it may not take effect. Also if you have minify or some pagespeed caching you will also have issues. But as it stands

Yes I have deleted the theme and re-installed it and the change did work

so it worked so far. but you want to be certain correct

fahadkz · September 2013

ok after some days now that i have made some changes and that have worked so, thank you everyone who have helped me to solve this issue.

[Solved] I am unable to modify the default.master.tpl file

Comments