Skip to content
View in the app

A better way to browse. Learn more.

MSFN

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Trouble with Custom WPI-Theme

Featured Replies

See the attached file. I've tried different resolutions but that's not the problem. Can anyone give me some insight on this??

Here's what I changed in wpi.htm

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0" onclick="stopInterval()">
<tr>
 <DIV id="DebugLayer" style="visibility:hidden; overflow:auto; position:absolute; z-index:1000; width:100%; height:100%">
 <form class="txt" name="debug">DEBUG:<br></form>  
 </DIV>
 <script>
   if(debugOn) document.all.DebugLayer.style.visibility='visible';
 </script>
 <script>
 if (top.status=="480") document.images("titleimg").style.display='none';
 </script>
 <td bgcolor="#18339f" height="10%"><img id="titleimg_L" src="./graphics/titleimg_L.gif" border="0" align="left"></td>
 <td bgcolor="#18339f" height="10%"><center><img id="titleimg" src="./themes/Glossy/title.gif" border="0" align="center"></center>
 <td bgcolor="#18339f" height="10%"><img id="titleimg_R" src="./graphics/titleimg_R.gif" border="0" align="right"></td>
</tr>
<tr><td colspan="3" background="./themes/Glossy/smallbart.gif" height="3px"></td></tr>
<tr>
<td colspan="3" width="100%" valign="center" align="center"> 
</td>

As you can see I added an extra TD to get the images in the right place (I couldn't get it right without doing this...) I changed ALL the colspans to "3" in wpi.htm (I didn't change any other file)

wow that looks crazy it looks liike the main frame needs to be widened but not really sure how to do it at this moment with out looking at the code, ill get back to you and see if i can help out unless some one figures this out first :)

  • Author

thanks for the quick reply, I forgot to mention that the problem is also on all other "pages" in WPI (the options & configurations page are also not wide enough anymore and are showing the horizontal scrollbar :( I've looked through EVERY file that comes with WPI but was unable to find the right place to fix this...

  • Author

FOUND IT!!!

in wpi.htm change:

<td rowspan="2" class="txt" valign="top" width="100%">
<div id="layergroup">
 <div id="layerboxes" style="position:absolute; display:block; z-index:100; width:100%; height:100%; overflow: hidden;">
   <form name="WPI"></form>  
 </div>  

to:

<td rowspan="2" colspan="3" class="txt" valign="top" width="100%">
<div id="layergroup">
 <div id="layerboxes" style="position:absolute; display:block; z-index:100; width:100%; height:100%; overflow: hidden;">
   <form name="WPI"></form>  
 </div>  

that solved everything for me

Edited by Ghost82

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.