Beispielseiten für eine Präsentation Max Mustermann | 12.12.2013

Beta Update
Personalberatung August 2013
Update der Beta-Version | St. Gallen | 12.08.2013
Erklärung der Icons
Die Icons, welche in jeder Update-Kommunikation verwendet werden,
haben folgende Bedeutung:
Neuerung (aktiv)
Direkt wirksam, ohne dass etwas aktiviert oder eingeblendet werden
muss.
Neuerungen (ausgeblendet)
Einige der Neuerungen müssen zuerst aktiviert oder eingeblendet werden,
um zur Anwendung zu gelangen. Den Anpassungsmodus erreichen Sie
über «Ansicht anpassen» in der obersten Navigation.
Neuerungen mit Anpassungsbedarf
Bei wenigen Neuerungen ist es wichtig und notwendig, dass ein Administrator
Anpassungen vornimmt. Diese sind zusätzlich mit dem Blitz markiert.
Information
Seite 2
12.08.2013
Automatische Höheanpassung des iFrames
Wenn Sie den umantis Stellenmarkt per iFrame in Ihre Webseite eingebunden
haben, so können Sie sich jetzt über eine besonders elegante Lösung freuen. Wir
haben für Sie einen Script implementiert, mit welchen Sie in der Lage sein werden
die Höhe des iFrames automatisch anzupassen.
Ihre Webseite
umantis Stellenmarkt
Hinweis:
Um diese Funktionalität einzurichten, müssen Sie Anpassungen an Ihrer Webseite
vornehmen.
Seite 3
12.08.2013
Anleitung iFrame Einbindung auf der Webseite
Damit sich die Höhe des iFrames auf Ihrer Website automatisch auf die Höhe der
umantis-Lösung anpasst, sind ein paar Anpassungen auf Ihrer Website nötig. Es wird
ein bisschen Javascript-Erfahrung benötigt und die folgenden Punkte sollten im
Idealfall von Ihrem zuständigen Website-Administrator oder Webdesigner erledigt
werden:
•
Auf Ihrer Website muss jQuery eingebunden sein.
•
Als nächstes wird auf Ihrer Website ein weiteres Script gebraucht. Holen Sie sich
auf https://raw.github.com/cowboy/jquery-postmessage das jquery.bapostmessage.js-Script und binden Sie es im Head-Bereich Ihrer Seite ein, z.B.
<script type="text/javascript" src="jquery.ba-postmessage.js"></script>.
•
Ebenfalls in den Head-Bereich kommt das folgende Script
Seite 4
12.08.2013
Skript
<script type="text/javascript">
$(document).ready(function() {
var if_height,
src = 'http://recruitingapp-xxxx.umantis.com/Vacancies',
iframe = $( '<iframe src="' + src + '" name="' + document.location.href + '" width="980"
height="500" frameborder="0" scrolling="no"><\/iframe>' ).appendTo( '#umantis_iframe' );
setInterval(function getUmantisHeight() {
$.receiveMessage(function(e){
var h = Number( e.data.replace( /.*if_height=(\d+)(?:&|$)/, '$1' ) );
if ( !isNaN( h ) && h > 0 && h !== if_height ) {
// Height has changed, update the iframe.
iframe.height( if_height = h );
}
} );
}, 500);
});
</script>
Seite 5
12.08.2013
Wobei auf der vierten Linie das http://searchapp-xxxx.umantis.com/Vacancies
natürlich durch ihre gewünschte Zielseite ersetzt werden soll, welche dann im iFrame
geladen wird. Zudem können Sie selbstverständlich bei width="980" und/oder
height="500" ihre Wunschmasse des iFrames angeben, wobei der Wert für height
eher nebensächlich ist, da dieser sich ja schlussendlich immer der Höhe der umantisLösung anpassen wird.
•
Im Body-Bereich müssen Sie anstatt Ihrem eigenen iframe <iframe
src="..."></iframe> das folgende DIV-Element verwenden (das Script von oben
platziert schlussendlich ein iframe in dieses div): <div
id="umantis_iframe"></div>
•
Schlussendlich muss nur noch bei den Design-Einstellungen Ihrer umantis-Lösung
im Feld Allgemeines-CSS folgendes CSS eingefügt werden: div#wrapper { minheight: 0; }.
Seite 6
12.08.2013
Wir wünschen Ihnen viel Freude mit den neuen
Funktionen von umantis!
Haufe-umantis AG
Teufener Strasse 11, 9001 St. Gallen
T +41 71 224 01 01, F +41 71 224 01 02
www.umantis.com, [email protected]