Vanilla moved to new server now missing checkbox tick icons

Hi,

I had a basic install of 3.1 using Boilerplate theme on a test server. All functioning OK. I've moved it to the live server with a different domain name, updated the config info for database - that seemed to go successfully and forum is working. However, I noticed that the tick icon on any checkboxes was missing. There's a 404 message in the browser console.

I've since upgraded the installation to 3.2 to see if this solves the problem - again this went smoothly, however the issue still persists. I've attached a screenshot with the console error.

Any help appreciated.

Cheers.

Comments

  • BTW, I can see this is a path issue as the URL does not include the sub-folder of the installation.

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator


    Does that mean that your forum url is like "example.com/forum"? Then make sure that in your .htaccess file you modify the line

        #RewriteBase /
    

    accordingly to

       RewriteBase /forum
    



  • Yeah, I changed the .htaccess to

    RewriteBase /vanilla
    

    which is the directory of the installation. The 404 URLs are:-

    /resources/fonts/vanillicon/vanillicon.woff 

    Missing the /vanilla/

    No other 404s.

    Thanks.

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    Hmm... When moving to the live server, have you also copied the /cache folder? If yes, try deleting /cache/Smarty/compile/*

    Or you can try deleting everything inside the /cache folder, just to be sure...


  • Yh, I've already deleted the cache folder and cleared browser cache etc. Been scratching my head over this....

  • charrondevcharrondev Application Developer (PHP, JS) Montreal Vanilla Staff

    I think that’s controlled by some configuration of dashboard toggle. Will post here if I find what it is.

  • KasparKaspar
    edited September 6

    font-family: "vanillicon";

    is not "loaded"

    In a install where it works it shows to be from

    /applications/dashboard/scss/vanillicon/_vanillicon-mixins.scss

    https://github.com/vanilla/vanilla/blob/master/applications/dashboard/scss/vanillicon/_vanillicon-mixins.scss

    However, neither a install which shows checked correct nor several installs that does not show it correct - have the SCSS folder in /applications/dashboard

    If I unstick the marked CSS - the checkbox changes


    On a install showing incorrect (showing the square box) unsticking the marked CSS - nothing changes.

  • Just a further note : I checked my initial demo install and it had the same problem (previously I had said it was fine). For the sake of the demo I added the files outside of the sub-directory to get it to work. This was a few months ago, so I must have intended to sort it out after the project got the go-ahead.

    This means that my initial install, following the install guides had the same issue, so confused that no-one else has faced this. I really can't see I'm doing anything out of the ordinary here.

  • edited September 9

    There is this in the config:

    $Configuration['Vanilla']['AdminCheckboxes']['Use'] = true;

    It was set to false. I've changed it to true, but it hasn't made a difference.

    I've looked into this config and I don't think it is related anyway.

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    No, that setting is unrelated to your problem.

    In the css there are the following lines:

    @font-face {
     font-family: "vanillicon";
     src: url("/resources/fonts/vanillicon/vanillicon.eot");
     src: url("/resources/fonts/vanillicon/vanillicon.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/vanillicon/vanillicon.woff") format("woff"), url("/resources/fonts/vanillicon/vanillicon.ttf") format("truetype"), url("/resources/fonts/vanillicon/vanillicon.svg?#vanillicon") format("svg");
     font-weight: normal;
     font-style: normal;
    }
    

    As you can see the resources are absolute paths beginning from the root path. That might be a problem which needs to be fixed in the htaccess file (the htaccess file will not be overwritten, but changes made to the CSS file will most probably overwritten with the next update)

    I'm no RewriteRule expert but this might work

    RewriteCond /resources/%{REQUEST_URI} -f
    RewriteRule ^/resources/(.+)$ /vanilla/resources/$1
    

    But I thought that is what RewriteBase is used for. Are you sure that you have removed the "#" sign in front of the RewriteBase line?


  • OK, so the font is linked in the /applications/dashboard/design/admin.css file.

    All URLs to fonts are formed like this:-

    url("/resources/fonts/vanillicon/vanillicon.eot");

    Which is why they don't work.

    Am I really the only person seeing this issue?

  • R_JR_J Cheerleader & Troubleshooter Munich Moderator

    Can you please post the content of your .htaccess?


Sign In or Register to comment.