Doing this takes a little setup work but gives you more control over your Static HTML modules.
1) First create a directory to hold your HTML files. If it were me, I'd create it in my %forumroot% directory and call it static_html.
2) Remember that most image and CSS calls in HTML are relative. You should change these to be absolute calls with the full URL to the resource. So if you store images in the images directory, the full URL would be http://%domain%/%forumroot%/images/resourcename.png
3) In your Static HTML module call the file like this:
4) To constrain the <iframe> in size but allow it to grow to fit the widget set CSS:
The 99% width is due to how some browsers render boxes. The issues caused by some browsers is long and convoluted and this is the easiest solution. You want a specific height because it is often difficult to understand what 100% height is. If you want to have different CSS per iframe use CSS ID's to differentiate them. Each ID has to be unique to the page though.
%domain% = This is your site's domain. For example, this site's domain is www.vbulletin.com
%forumroot% = This is where vBulletin is installed. This site's %forumroot% is /forum/
1) First create a directory to hold your HTML files. If it were me, I'd create it in my %forumroot% directory and call it static_html.
2) Remember that most image and CSS calls in HTML are relative. You should change these to be absolute calls with the full URL to the resource. So if you store images in the images directory, the full URL would be http://%domain%/%forumroot%/images/resourcename.png
3) In your Static HTML module call the file like this:
HTML Code:
<iframe src="http://%domain%/%forumroot/static_html/file.html"></iframe>
Code:
iframe {width:99%;height:XXXpx;}
%domain% = This is your site's domain. For example, this site's domain is www.vbulletin.com
%forumroot% = This is where vBulletin is installed. This site's %forumroot% is /forum/
Comment