IFrame in Placeholder affects page content and rendering.

[Aussie]

I am trying to add a calendar and contact form to a web page that links to our student management software.

I can place an iframe code provided by the software company into a placeholder and add it to the page without any issues and viewing it in Xaras preview screen correctly shows the calendar and contact forms. The issues however, arise with the fact that the placeholder either then makes content in layers I uses as header or footer to disappear. To add to this, once I publish the page, it no longer displays correctly in a browser.

Depending on what layer I put the placeholder on, it affects text and graphic in other layers causing it to disappear - regardless of where I position the placeholder layer. With a fair amount of trail and error I managed to get all content to display correctly, but then a pop up layer I use a menu choice no longer displays.

When I view the page in Xara the placeholder content appears positioned correctly, but once it is published the content within the placeholder is off to the left side of the page with portion of it missing. Changing the size or position of the placeholder makes no difference to a published page displaying the content correctly.

Would appreciate if anyone could help to bring me up to speed with the use of placeholders and iframe codes.

Cheers

[Egg Bramhill]

Could you supply a url or better still the xar/web file?

[Acorn]

It sound like a set of CSS properties is forcing heading styles and the forms to absolute positions.

Acorn

[Aussie]

Pages that are affected are the "Contact" and "Calendar" which is accessible through "About"

Both Calendar and Contact do not render correctly on a mobile device.

Menu pop up layers on both pages are affected once the placeholder is in position.

Cheers

[Acorn]

No idea yet but your MouseOff and MouseOver layers are in the wrong stack order; they should be just above the Page Background layer.
Acorn

[Acorn]

The Header and Footer layers are not needed.
Put their content into the MouseOff layer.
The Footer objects can be set to Position on Page > Footer.

Acorn

[Acorn]

Menu - Classes & Menu - About layer contents should be in the MouseOver layer.
You then soft-group each wit their respective button on the MouseOff layer.

Acorn

[Aussie]

Thank you for the response. I use the layers to organise the content during design. Is it best to minimise layers and only stick to essentials then? I'm not too familiar with use of soft groups apart from keeping text and photos in sync - I will look at the pages and rearrange. Is there functionality built into the mouse on and off layers that affects place holders?

[Acorn]

Is there functionality built into the mouse on and off layers that affects place holders?

Past examples have shown that there can be issues so I suggest playing safe. If I get the time, I'll check out the Placeholder code next.
Acorn

[Acorn]

In the calendar page, you have a Placeholder with partial code:

<iframe src="http://app.clubworx.com/websites/northside_martial_arts/calendar/iframe" width="80%" height="628" border="0" style="border:0;">

It should be terminated with </iframe>.

Acorn