Tom Murphy
21-Apr-2014, 11:43 PM
Hi DAW
Just moving up to beta 2 and can see the change responsive design changes, but I now have a problem.
We decided to make the width of the overall WebApp to 1000 and then center it in the page by modifying the index.html as per below...
<body>
<div id="container" style=" width:1000px; margin-left: auto; margin-right: auto;">
<div id="header" style="position: absolute; height: 160px; width: 1000px; margin-left: auto; margin-right: auto; background-color:#FFFFFF;">
<img src="images/Top_Logo_bar.png">
</div>
<div id="viewport" style="position: absolute; top: 160px; bottom: 0px; width: 1000px; margin-left: auto; margin-right: auto; background-color:#FFFFFF;"></div>
</div>
</body>
In 17.1 when I go to the website it looks like this ...
7626
But in 18.0 it looks like this when loading the website ...
7627
I can see their are new properties in the cWebApp class, piScreenWidth and piWindowWidth.
What do I need to do to get this to work, or is there a better way of what I am trying to do?
Just moving up to beta 2 and can see the change responsive design changes, but I now have a problem.
We decided to make the width of the overall WebApp to 1000 and then center it in the page by modifying the index.html as per below...
<body>
<div id="container" style=" width:1000px; margin-left: auto; margin-right: auto;">
<div id="header" style="position: absolute; height: 160px; width: 1000px; margin-left: auto; margin-right: auto; background-color:#FFFFFF;">
<img src="images/Top_Logo_bar.png">
</div>
<div id="viewport" style="position: absolute; top: 160px; bottom: 0px; width: 1000px; margin-left: auto; margin-right: auto; background-color:#FFFFFF;"></div>
</div>
</body>
In 17.1 when I go to the website it looks like this ...
7626
But in 18.0 it looks like this when loading the website ...
7627
I can see their are new properties in the cWebApp class, piScreenWidth and piWindowWidth.
What do I need to do to get this to work, or is there a better way of what I am trying to do?