Moving everything over to the left border

[rmarsh]

Actually I believe I do need to move everything over to the left.

This is how the profound screen looks when framed in the company intranet page.

iframe.JPG (58.41 KiB) Viewed 2152 times

The left hand border that lines things up nicely is -160

Note: I did have it rolled up a bit so the top is cut off. That lines up fine on the initial load.

[Scott Klement]

Hi Ray,

In the hybrid skin's custom.js file, you'll find a function named hybridSkin.resizeArea which is calculating the position of this based on the window's width.

Code: Select all

hybridSkin.resizeArea = function() {
  if (pui.genie.middleDiv != null) {
    var div5250 = getObj("5250");
    if (div5250 != null) {
      var windowWidth =  pui.getWindowSize().width;
      if (pui.genie.displaySize == 132) {
        pui.genie.middleDiv.style.height = "640px";
        div5250.style.position = "absolute";
        var position = (windowWidth - 950) / 2;
        if (position < 180) position = 180;
        div5250.style.left = position + "px";
      }
      else {
        pui.genie.middleDiv.style.height = "560px";
        div5250.style.position = "absolute";
        var position = (windowWidth - 620) / 2;
        if (position < 180) position = 180;
        div5250.style.left = position + "px";
      }
    }
  }
}

You'd need to adjust those calculations based on your new setup.

[Scott Klement]

This resizeArea function isn't my code, so I don't know 100% how it works, but from looking at the code, it looks like it's trying to center the screen within your browser window. So it gets the width of the window (windowWidth variable) and subtracts the size of the 5250 screen (which is hardcoded here at 950 in 132 column mode vs 620 in 80 column mode) and divides the result by 2 to center it.

It then checks to see if the position it calculated is <180. This is presumably to make space for the link panel on the left, it wants to save 180 pixels for that panel -- so if it's less than 180, it makes it 180, so there's still space.

So I'm thinking in your case, you want it to be centered but not reserve space on the left.. So you would eliminate both lines that do this:

Code: Select all

if (position < 180) position = 180;

Just comment those out and it should no longer reserve space for the panel on the left. Let me know if that works for you.

[rmarsh]

Thank you Scott. I will give that a try and let you know you how it works.

[rmarsh]

That did not work, Scott. Didn't seem to affect anything.

[Scott Klement]

Hi Ray,

I think, in order to help you further, I'm going to need a copy of your code so I can try it out myself, debug it, etc.

Can you go into your IFS and find the /www/PROFOUNDUI/htdocs/profoundui/userdata/genie skins/YOUR-SKIN folder? (replace 'YOUR-SKIN' with the name of your Genie skin.) Zip up this folder and send it to me. (You can e-mail it to support@profoundlogic.com if it's too hard to upload here.)

I'll also need a JSON dump of the screen where you're trying to make this work. You can get that by pressing Ctrl-F9, the browser will ask you to download a file named 'json.txt', this is the JSON dump that I need.

Once I have both the zipped skin and json.txt file I can set it up on my server and try it out, then I can debug it and (hopefully) advise you further.

Thanks!

[rmarsh]

Scott, I emailed the files to you.

[Scott Klement]

I'm looking at this, and it no longer seems to be reserving space for the panel on the left.

However, it is set up to center the screen across the browser window. Is that what you're looking to change? You want it on the left instead?

If so, try this:

1) In custom.js,find the afterLoad() function and comment-out the calls to hybridSkin.resizeArea().

Right now it looks like this:

Code: Select all

  hybridSkin.resizeArea();
  window.onresize = function() {
    hybridSkin.resizeArea();
  }

Change it to:

Code: Select all

  // hybridSkin.resizeArea();
  // window.onresize = function() {
  //   hybridSkin.resizeArea();
  // }

2) Save your changes to custom.js

3) In start.html, find the middleDiv and remove the 'centered' class.

Right now it's this:

Code: Select all

<div id="middle" class="middleDiv centered">

Change it to this:

Code: Select all

<div id="middle" class="middleDiv">

4) Save your changes to start.html

5) In a Genie session, click the 'Refresh' button on the design toolbar to force the browser to re-load the custom.js and start.html files.

That should stop it from centering the 5250 screen across the browser window if that's what you need.

[rmarsh]

That did it. Thanks again Scott.