SWS Settings

You can customize your iframe by adding certain query parameters to the source URL

Iframe

<script>
    iFrameResize({
        scrolling: false,       --> true / false
        log: false              --> true / false
    }, "sws_iframe");
</script>

With the Iframe-View of our page, only the cards and the footer are displayed. Its recommended to always use this setting when implementing our page over a iframe.

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?iframe=true"></iframe>

</div>

Click here to view our demo: Demo

Footer

Setting the footer parameter to false will hide the logos and the imprint-link If you want to implement a single card in your page, this setting is recommended

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?footer=false"></iframe>

</div>

Card Mode

With these filters, the size of the card is changed. The following options are available here:

• default
• medium
• big

Click here to view our demo: Demo

Detach

Setting detach to true will change the functionaliy of the "book appointment" Button

If its true, the button will open the scheduler view in a new tab If your iframe is very small the setting is recommended

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?detach=true"></iframe>

</div>

Click here to view our demo: Demo

One Card

Setting onecard to true will load only cards. Please set this only, when you have 1 Card (load with ID) and Detach is true. You can set the width in the style from the iframe (see Example)

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?id=5f451ae6c669b00010ca436b&onecard=true&detach=true" style="border: none; width: 220px;"></iframe>

</div>

Filters

If you want to filter the displayed Meeting Cards you can use serveral filter-parameters:

Filter with ID

Only the card with this special meeting-id appears:

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?id=5f451ae6c669b00010ca436b"></iframe>

</div>

Click here to view our demo: Demo

---

Its also possible to pass multiple id's by seperating them with a "-" :

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?id=5f451ae6c669b00010ca436b-5f45059b6185c8001149c8e7"></iframe>

</div>

Click here to view our demo: Demo

Filter with Type

If you filter with the type you can decide, whether all Personal Meeting Room cards (type=pmr) or events (type=event) are displayed:

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?type=pmr"></iframe>

</div>

Click here to view our demo: Demo

Filter with Categories

In the Agent Interface you can also define custom categories, which then can be used to filter. In our Case we created the category "DokuDemo" and applied it to 2 of our cards:

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?categories=DokuDemo"></iframe>

</div>

Click here to view our demo: Demo

---

Its also possible to combine categories:

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?categories=DokuDemo-AnotherOne"></iframe>

</div>

Click here to view our demo: Demo

Combining Filters

All possible filter methods can be combined:

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?categories=AnotherOne&id=5f451a83c669b00010ca436a"></iframe>

</div>

Click here to view our demo: Demo

Combinig URL-Parameters

All Parameters can be used at the same time In this Exmple we created a URL that hides footer and header, detaches the "book appointment" button and filters with a id:

Example:

<div>
<script>
    iFrameResize({
        scrolling: false,
        log: false
    }, "sws_iframe");
</script>

<iframe id="sws_iframe" src="https://swsdemo.parteiverkehr.de/?iframe=true&footer=false&detach=true&id=5f451ae6c669b00010ca436b"></iframe>

</div>

Click here to view our demo: Demo

iFrame Auto Resizing

SWS Resizer is used from version 3.1.1

How to include the iframe-resizer?

Please use your Source https://<<INSTANZ>>.<<DOMAIN>>.<<END>>/api/iframe.js
<script src="https://swsdemo.parteiverkehr.de/api/iframe.js"></script>