Is there a best way to add a common footer to a copy of start.html? I tried loading in our standard footer, but it shows up below our common header and the ProfoundUI application is displayed at the same location, covering it up.
--Bryan
Add common footer to start.html
-
- Profound User
- Posts: 72
- Joined: Fri Oct 01, 2010 5:07 pm
- First Name: Bryan
- Last Name: Leaman
- Company Name: InVue Security
- Phone: 704-752-6513 x221
- Address 1: 15015 Lancaster Hwy
- City: Charlotte
- State / Province: North Carolina
- Zip / Postal Code: 28277
- Contact:
- Alex
- Profound Logic Staff Member
- Posts: 233
- Joined: Fri Jan 04, 2008 12:10 pm
- First Name: Alex
- Last Name: Roytman
- Company Name: Profound Logic Software
- Contact:
Re: Add common footer to start.html
You would have to position the footer absolutely. For example:
<div style="position: absolute; left: 0px; top: 500px;"> Footer Content </div>
<div style="position: absolute; left: 0px; top: 500px;"> Footer Content </div>
-
- Profound User
- Posts: 72
- Joined: Fri Oct 01, 2010 5:07 pm
- First Name: Bryan
- Last Name: Leaman
- Company Name: InVue Security
- Phone: 704-752-6513 x221
- Address 1: 15015 Lancaster Hwy
- City: Charlotte
- State / Province: North Carolina
- Zip / Postal Code: 28277
- Contact:
Re: Add common footer to start.html
But there's not way to be sure how large the pui division will be, is there?
- Alex
- Profound Logic Staff Member
- Posts: 233
- Joined: Fri Jan 04, 2008 12:10 pm
- First Name: Alex
- Last Name: Roytman
- Company Name: Profound Logic Software
- Contact:
Re: Add common footer to start.html
Currently, there is no easy way to determine the height of that div.
We will add a new API in the next release, which will give you this information. This will allow you to position the footer appropriately, using JavaScript code that looks like this:
This assumes that your HTML footer has an id of "footer". For example:
We will add a new API in the next release, which will give you this information. This will allow you to position the footer appropriately, using JavaScript code that looks like this:
Code: Select all
getObj("footer").style.top = pui.getRuntimeContainerHeight() + "px";
Code: Select all
<div id="footer" style="position: absolute; left: 0px; top: 500px;"> Footer Content </div>
Who is online
Users browsing this forum: No registered users and 2 guests