Detecting Rich Display

[pjshuey]

Is there an easy way to detect in genie when the program being called is a rich display without modifying the program? Maybe something that can be added to the custom.js for the genie skin???? I want to position the div's differently if it is a rich display.

[Scott Klement]

Would pui.getDisplayType() work for you? Here's the docs:
http://www.profoundlogic.com/docs/pages ... d=25854266

[pjshuey]

Yes! That should do it! I search and searched for a command and did not see that one. Sorry for wasting your time!

[pjshuey]

Is there any way to prevent the genie.js from setting the position of the insideDiv to "relative" if the display type is 'rdf'?

[Scott Klement]

Not that I'm aware of -- I believe it always sets the div with id="5250" to relative positioning.

You could set it to a different positioning style yourself if you wanted with code like this:

Code: Select all

pui.runtimeContainer.style.position = "absolute";

It's hard (for me, anyway) to visualize everything that might affect, but you could try it and see.

[pjshuey]

I did do that but control goes back to genie.js before the screen is actually rendered and it sets it back to relative.

[matt.denninghoff]

In the genie rendering code, setting the runtimeContainer's style.position to "relative" is one of the last things that happens--after all "onload" and other customize-able events.

If there is no other way to accomplish what you're trying to do, it is possible to use the JavaScript setTimeout function to make your code run after the rendering code's call stack finishes.

For example:

Code: Select all

// Queues this function in the JavaScript "message" queue.
  setTimeout(function(){
    console.log("timeout, set style position.");
    pui.runtimeContainer.style.position = "absolute";
  },0);

However, when using setTimeout, sometimes timing of code can get complicated and difficult to debug. You might have more luck doing something like this in a pui.onload function defined inside your Genie skin's custom.js file:

Code: Select all

  pui.genie.setContainerWidth = false;
  pui.runtimeContainer.style.width = "100%";

[pjshuey]

Thank you! I had to go with the first option, but it works beautifully!