[Tutorial] Modul für Wechsel-Accounts / Charakterswitch

Erstellung eines persönlichen Moduls

1. Administrations-Bereich > Module > Portal und Widgets > Index-Module
   
2. Falls noch nicht geschehen aktiviere in den "Allgemeinen Optionen" zunächst die Module durch einen Klick auf den Radiobutton "Ja" und danach durch einen Klick auf "ABSENDEN". Wählt danach die gewünschten Module aus oder auch ab.
   
3. Klickt nun unterhalb auf "EIN PERSÖNLICHES MODUL ERSTELLEN".
   
4. Vergebt in den "Allgemeinen Moduloptionen" einen Namen für das Modul (Beispiel: "Wechsel-Account"), nutzt die Standardaufstellung und gebt dem Modul einen Titel.
   

Code:

<style type="text/css">
#accountswitch {
    text-align: center;
}
#username, #password {
    font-size: 11px;
    display: inline-block;
    margin-bottom: 8px;
    text-align: left;
}
#switch_username, #switch_password {
    background: #ffffff none repeat scroll 0 0; /*Anpassung an das Forum*/
    border: 1px solid #bcbcbc; /*Anpassung an das Forum*/
    border-radius: 3px;
    height: auto;
    padding: 3px;
    width: 140px;
}
#switch_username:hover, #switch_username:focus, #switch_password:hover, #switch_password:focus {
    border: 1px solid #3793ff; /*Anpassung an das Forum*/
}
div#accountswitch input.button2 {
    cursor: pointer;
    max-width: 120px;
    text-align: center;
}
</style>
<div id="accountswitch">
<script type="text/javascript">
function switch_accounts() {
  jQuery.get(document.getElementById('logout').href, function() {
  jQuery.post('/login', 'login=1&username='+document.getElementById('switch_username').value+'&password='+document.getElementById('switch_password').value, function () {
  window.parent.location.reload();
  });
  });
}
</script>
<span id="username">Benutzername:<br /><input type="text" id="switch_username" /></span><br /><span id="password">Passwort:<br /><input type="password" id="switch_password" /></span><br /><input class="button2" value="Wechseln" onclick="switch_accounts();" />
</div>

Einfügen des persönlichen Moduls

1. Wählt in der Selektion "Widgets" euer neu erstelltes Modul aus.
   
2. Gebt die Position (Kolonne) für euer Modul in der Selektion "Ort" an.
   
3. Wichtig: Um Verwechslungen mit dem herkömmlichen Login vorzubeugen, entfernt bei den Befugnissen unbedingt den Haken für die "Gäste".
   
4. Klick dann auf "DAS MODUL EINFÜGEN".
   

Individuelle Anpassung des Moduls an euer Design

Code:

#switch_username, #switch_password {
    background: #ffffff none repeat scroll 0 0; /*Anpassung an das Forum*/
    border: 1px solid #bcbcbc; /*Anpassung an das Forum*/

#switch_username:hover, #switch_username:focus, #switch_password:hover, #switch_password:focus {
    border: 1px solid #3793ff; /*Anpassung an das Forum*/
}