title: HelpNDoc online help not showing correct buttons and correct contents functionality
body: <p>When I visit this URL using Firefox on my PC:</p>
  
  <p><a href="http://help-msa.publictalksoftware.co.uk/msa-options-calendars.html" rel="nofollow noreferrer">http://help-msa.publictalksoftware.co.uk/msa-options-calendars.html</a></p>
  
  <p><a href="https://i.stack.imgur.com/ipJCD.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ipJCD.jpg" alt="Firefox"></a></p>
  
  <p>Yet, I have exactly the same site temporarily here:</p>
  
  <p><a href="http://help.trucklesoft.co.uk/msa-options-calendars.html" rel="nofollow noreferrer">http://help.trucklesoft.co.uk/msa-options-calendars.html</a></p>
  
  <p><a href="https://i.stack.imgur.com/pySLA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pySLA.jpg" alt="Firefox"></a></p>
  
  <p>It renders correctly. The buttons have the right symbols and the contents is fully working.</p>
  
  <p>The former link appears to show the buttons correct on a iPad with Safari but the contents is not functional.</p>
  
  <p>My code is exactly the same on both sites. Why is it not working on the former?</p>
  
  <p>The code is developed my HelpNDoc.</p>
  
  <h1>Chrome Console</h1>
  
  <p>When I look at the page with Chrome in the console it states:</p>
  
  <blockquote>
    <p>Access to Font at
    <code>'https://help-msa.publictalksoftware.co.uk/vendors/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.woff2'</code>
    from origin <code>'http://help-msa.publictalksoftware.co.uk'</code> has been
    blocked by CORS policy: No 'Access-Control-Allow-Origin' header is
    present on the requested resource. Origin
    <code>'http://help-msa.publictalksoftware.co.uk'</code> is therefore not allowed
    access.</p>
  </blockquote>
  
  <p>Huh? Is this related?</p>
  
  <h1>Firefox Console</h1>
  
  <blockquote>
    <p>Cross-Origin Request Blocked: The Same Origin Policy disallows reading
    the remote resource at
    <a href="https://help-msa.publictalksoftware.co.uk/vendors/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.ttf" rel="nofollow noreferrer">https://help-msa.publictalksoftware.co.uk/vendors/bootstrap-3.3.6/fonts/glyphicons-halflings-regular.ttf</a>.
    (Reason: CORS header 'Access-Control-Allow-Origin' missing).</p>
  </blockquote>
  
  <hr>
  
  <h1>Update</h1>
  
  <p>I think I worked it out. My <code>www.publictalks.co.uk</code> site is using the <strong>https</strong> protocol. If you go to the site using <code>http</code> You get redirected.</p>
  
  <p>If I adjust the above link to:</p>
  
  <p><a href="https://help-msa.publictalksoftware.co.uk/msa-options-calendars.html" rel="nofollow noreferrer">https://help-msa.publictalksoftware.co.uk/msa-options-calendars.html</a></p>
  
  <p>It is fine:</p>
  
  <p><a href="https://i.stack.imgur.com/RyKdi.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RyKdi.jpg" alt="using https"></a></p>
  
  <p>For some reason this subdomain <strong><code>help-msa</code></strong> is not redirecting to <strong><code>https</code></strong> site. </p>
  
  <p>I did the above tests on my iPad and iPhone. I now need to check my PC.</p>