Portal, alles auf einen Blick

Willkommen beim Kernstück der Seite, oder einfach mein ganzer Stolz (wobei das ist eine schwierige Frage bei all den geilen neuen Features :D). Zugegeben, ich liess mich dabei sehr inspirieren von Google (genauer dem Google-Portal) und wer dies kennt wird sich gleich heimisch fühlen, hoffentlich.

Um euch das ganze extrem einfach zu machen könnt ihr einfach den grossen OK-Button klicken im Fenster das euch gleich bei Betreten angezeigt wird und alles erledigt sich wie von selbst.

Nachdem man den OK-Button geklickt hat, präsentiert sich das ganze in etwa so:

Dabei haben wir auch gleich ein Beispiel, wie der WoW-Avatar in der Userbox aussieht mit noch fehlenden Armory-Daten (dies kann einige Zeit dauern wenn man erst kürzlich die WoW-Daten eingegeben/abgeändert hat).

Ihr seht nun eine Auswahl von verschiedensten Info-Boxen, ganz ähnlich wie im alten Portal (wer die alte Seite kannte). Der wesentliche Punkt ist, dass ihr hier selbst bestimmen könnt, wie alles angeordnet ist, darüber hinaus, welche Boxen ihr überhaupt haben wollt, welche nicht.

Individualität mit Drag&Drop

Fährt man mit der Maus über eine Titelschrift, so sollte sich der Cursor zu einem "Verschiebungs-Symbol" ändern - dies zeigt überall auf der Seite an, dass man etwas "ziehen" kann. Packt also die Boxen beim Titel indem ihr die linke Maustaste gedrückt haltet und sogleich ändert sich die Darstellung folgendermassen:

Das aktuelle Fenster das man angepackt hat, wird als transperenter Ghost dargestellt, den man jetzt rum-draggen, also rumziehen kann. Das ganze ist die typische Drag&Drop-Lösung, die man auch noch im Kalender antreffen wird.

Sämtliche Bereiche der Seite die Boxen aufnehmen können kriegen in diesem "Drag"-Modus weisse Rahmen, damit es einfacher ist zu sehen, wo man die Box hinschieben könnte.

Lässt man die Maus nach dem umplatzieren los, verschwinden die Rahmen und die neuen Positionen werden gespeichert. Je nach Bedarf wird die Box auch noch neu geladen (ohne gesamthaften Seitenrefresh) um den Content korrekt darzustellen.

Achtet euch darauf, dass bei einer noch leeren Seite die Rahmen teilweise etwas verwirren. Zum Beispiel ist der Bereich für die breiten Boxen in der Mitte zu Beginn sehr schmal. Wenn ihr nämlich nur kleine Boxen nebeneinander wollt, könnt ihr den breiten, oberen Bereich einfach leer lassen - es gibt dann zwar einen minimalen Abstand von etwa 15 Pixel zum oberen Rand - wäre dieser breite Box-Bereich höher eingestellt, wäre in diesem Fall dieser Gap einfach massiv grösser, was mich viel mehr störte.. Aber ich denke, wenn mans weiss, ist es kein Problem:

Jede Box verfügt über kleine Steuerbuttons, neben dem normalen Minimieren-/Maximieren und dem Schliessen ein kleines Dreieck, das Menü:

Dies klappt sofort aus wenn man über den kleinen Button fährt und zeigt für die Box den Konfigurations-Link an - dieser öffnet wiederum ein kleines Fenster mit teilweise ganz individuellen Einstellungen für jede Box (mindestens den Titel kann jede Box konfigurieren).

In unserem Beispiel sehen wir die Einstellungen für die News-Box.

Neben dem Boxtitel kann man dabei die Anzahl der Newseinträge sowie auch die Anzahl Zeichen einstellen, nachdem ein Newseintrag abgeschnitten würde. Probiert euch einfach mal durch die Boxen durch :)

Besser organisiert mit eigenen Tabs

Neben dem bereits vorhandenen Tab "Home" ist wie auf allen Bildern zu sehen ein kleiner Spezialbutton "New". Damit kreeirt man in gewohnter Art und Weise über ein kleines Fenster ein eigenes Tab, worauf sofort wieder das Fenster kommt für die Box-Config.

Um noch weiter in die Tiefe zu gehen schauen wir nun noch den Expert Mode an. Dabei handelt es sich um eine weitere Drag&Drop-Lösung wo man einfach von der Liste links nach Rechts in die noch leere liste "dragt".. Dabei sollte der Rahmen grün werden, dies zeigt an dass nun beim loslassen der Eintrag gespeichert wird.

Zieht man einen Eintrag von der rechten Liste in das kleine Feld "Trash", sollte dieses Rot werden. Dies zeigt wiedrum an, dass nun beim loslassen der Eintrag gelöscht wird.

Übrigens, befindet ihr euch im Portal, hat das Fischaug-Menü einen weiteren Eintrag für dich Parat unterhalb von Portal. Und zwar die Box-Config - darüber lässt sich für jedes Tab die aktuelle Box-Auswahl wieder öffnen.

Man kann auch beliebig oft den OK-Button im Normal-Mode erneut anklicken. Dabei wird jedesmal die aktuelle Box-Config überschrieben und nach dem vorgebenen Default neu aufgebaut.

Weiter gehts mit dem Kalender