Add common footer to start.html

Use this board to ask questions or have discussions with other Rich Displays users.
Post Reply
Bryan641
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:

Add common footer to start.html

Post by Bryan641 »

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
User avatar
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

Post by Alex »

You would have to position the footer absolutely. For example:

<div style="position: absolute; left: 0px; top: 500px;"> Footer Content </div>
Bryan641
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

Post by Bryan641 »

But there's not way to be sure how large the pui division will be, is there?
User avatar
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

Post by Alex »

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:

Code: Select all

getObj("footer").style.top = pui.getRuntimeContainerHeight() + "px";
This assumes that your HTML footer has an id of "footer". For example:

Code: Select all

<div id="footer" style="position: absolute; left: 0px; top: 500px;"> Footer Content </div>
Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests