Customer Support

How can I use iFrame technology on my site?

Follow

For TeamSideline Premium customers, iFrame technology can be incorporated for the Schedule page and any public Standings page.

Here are the steps you need to do for a Classic site:

  • Turn off the Banner Image rotating header if you are using one at Content > Configurations > Site Images.
    • Set Banner Image > Image Rotator to None.
  • Make the site background white at Content > Configurations > Site Layout.
    • Set Page Background and disable Page Background Image.
  • Copy the public URL and add "&iframe=true" to the end.
  • Example code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body style="background-color: gray;">

    <h1>Test Iframe page</h1>
    <h2>This is an example how iframes work</h2>

    <iframe src="http:// www.teamsideline.com/Org/Home.aspx?d=CAs6CaI8YVEK8HvHjgnRBA%3d%3d&iframe=true" width="800" height="800" scrolling="auto" frameborder="0" ></iframe>

</body>
</html>

Here are the steps you need to do for an Evolved site:

  • Turn off the Banner Rotator if you are using one at Content > Configurations > Site Images.
  • Copy the public URL and add "?iframe=true" to the end.
  • Example code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body style="background-color: gray;">

<h1>Test Iframe page</h1>
<h2>This is an example how iframes work</h2>

<iframe src="http://www.teamsideline.com/sites/cyojwa/home?iframe=true" width="800" height="800" scrolling="auto" frameborder="0" ></iframe>

</body>
</html>

Have more questions? Submit a request

Comments