iFrame implementation

Introduction

CODE24 provides an iFrame script for easy integration. With this script you can transfer your own stylesheet as a parameter. Thus, the iFrame adapts to your design of the website.

Basic settings, for the following elements we can already define for you in advance:

  • Optional image (advertising banner)
  • Optional image key finder (.jpg or .png graphic)
  • Primary color (button: normal state)
  • Secondary color (buttons: hover state)
  • Headlines Color
  • Button Radius
  • Customer logo

Code example

In order for the application to work properly in all browsers, it is important that you use the following code example:

Paramater:

    • company (Company)
      Required. (String) - The company name to load the master file.
      (example: ?company=lokaso)
    • externalCSS (external stylesheet).
      Optional. (String) (Absolute URL) - To integrate a custom CSS.
      (Example: &externalCSS=https://bootswatch.com/4/lumen/bootstrap.min.css)
    • privacy (privacy policy link)
      Optional. (String) - Show a link with the privacy policy (privacy policy links to Code24 website)
      (Example: ?privacy=true)
    • lang (language)
      Optional. (String) - pass the language. (de, en, fr, es, it)
      (example: &lang=fr)

A complete example link would look like this:

https://code24.de/partner-iframe/?company=FCBayern&externalCSS=https://code24.de/css/demo.css&privacy=true

Example CSS

h4{
color:#ff3300 !important;
}
.btn-primary {
color:#ffff !important;
background-color: #ff3300 !important;
border-color: #ff3300 !important;
border-radius: 4px !important;
}

.btn-primary:hover {
color: #000000 !important;
background-color: #ffcc00 !important;
border-color: #ffcc00 !important;
border-radius: 4px !important;
}

Live example

Set dynamic height

Since the iframe always has a fixed height after embedding, you can use the script to automatically adjust the iframe to the height of the content.

You can obtain all the necessary information here:

https://github.com/davidjbradshaw/iframe-resizer

Currently the following version is used: v4.0.4 - 2019-03-04

Support

To ensure that you can use the interfaces without any problems, our competent and friendly support is at your disposal.

millenium advertising agency GmbH
Visual communication agency
Harbour road 86
68159 Mannheim

E-mail: info@millenium.de

Suggest Edit