Suche Anleitung wie man die Erweiterung Tabcontrol richtig nutzt/einbindet!

Hallo,

Die Erweiterung scheint ja wohl die einzige zu sein die das Tabcontrol das morderne Joomla und Wordpress Layouts am besten abbildet. Offentsichtlich funktioniert es auch unter der aktuellen Version 2.9.1! Leider habe ich kein komplettes Tutorial gefunden welches die genauen Schritte zur Einbindung samt beispielhafter Formatierung per CSS aufzeigt (am besten anhand eines Beispiels).
Hier wird ein schönes Beispiel gezeigt:
http://www.erweiterungen.jukemedia.d...abcontrol.html
Leider wird aber nicht aufgezeigt wie man zu diesem Ergebnis kommt.

Hat einer evtl. Zeit und Lust eine solche Anleitung zu schreiben?

Danke für alle Anregungen

Hallo raimccoy,

nach der Installation von tabcontrol findest Du unter Inhaltselement "Reiter", damit erzeugst Du die einzelnen Tab-Bereiche.

CSS guckst Du Dir am besten mit Firefox, Erweiterung Firebug an.

Gibe es evtl. irgendwo ein freies theme das das tabcontrol verwendet. Ich lerne an Beispielen wesentlich schneller!

Zitat:

---

Zitat von raymccoy

Gibe es evtl. irgendwo ein freies theme das das tabcontrol verwendet.

---

Hallo reimccoy,
Hier hatte ich schon mal kurz beschrieben, wie tabcontrol zu nutzen ist. Die entsprechenden CSS Definitionen solltest du ohne weiteres über die Forensuche finden.

Gruß
ahellmund

Hallo ahellmund

dein Link funktioniert nicht. Ist richtig dass es hier immer gewünscht ist dass man sich Informationen aus zig Posting selbst zusammensucht wie. Bsp. die Verwendung des Tabcontrols aus Posting xy und Beispiel einer richtigen CSS Formatierung des Tabcontrols aus Posting tz. Es ist nicht gewüscht/erforderlich dass einer der die Verwendung des Tabcontrols vollständig verstanden und schon mal implentiert hat anderen Usern die die Verwendung noch nicht verstanden haben in einem kompletten Beitrag ein Tutorial an die Hand gibt denn mit Hilfe der Suchfunktionen kann man ja wenn man sich intelligent genug anstellt alle relevanten Information zusammensuchen. So zumindest sehen hier viele Antworten aus. Ist das richtig?

Zitat:

---

Zitat von raymccoy

Ist richtig dass es hier immer gewünscht ist dass man sich Informationen aus zig Posting selbst zusammensucht

---

Viele derjenigen, die hier im Forum helfen, machen das in ihrer Freizeit. Von daher ist es nicht immer möglich zu jedem Problemfall ein fertiges Tutorial zu liefern. Dazu ist einfach nicht die Zeit. Außerdem denke ich, dass es über die Suche verhältnismässig einfach ist, an die richtigen Informationen zu kommen.

Fazit - Ja, es ist gewünscht, dass man vor einer Frage die Suche bemüht.

Was den falschen Link anbelangt, werde ich das heute Abend korrigieren. Jetzt habe ich keine Zeit, weil mein Chef ruft ;)

Gruss
Ahellmund

Hallo raymccoy,

bei der Erweiterung TabControl ist doch schon ein Bild dabei mit Erklärung wie man diese 3 Reiter anlegt und den Text dazwischen positioniert.

Hast Du das denn schon gemacht?

Generell vermischt Du gerade Contao mit CSS.

Entweder man kann CSS oder man lernt es oder man sucht sich einen professionellen Partner, der so etwas umsetzt.

Lernen wirst Du CSS nur durch Ausprobieren und Lesen.

Du kannst Dir aus jeder CSS, die Du online siehst, abgucken wie die Klassen vergeben werden für TabControl, (nochmal Verweis auf Firebug).

Hallo,

Hier ist der funktionierende Link auf den Forumsbeitrag der u.a. die Verwendung des Moduls beschreibt

und hier ein Beispiel für das notwendige css:

Code:

---

.ce_tabcontrol_tabs{border-bottom:1px solid #dad9d9;color:#ffffff;}
.ce_tabcontrol_tabs ul{height:21px;margin:0 0 0 10px;list-style: none;}
.ce_tabcontrol_tabs ul li{height:21px;float:left;margin:3px -1px -1px 0;padding:0 10px;text-align:center;background-color:#140dff;border:1px solid #dad9d9;line-height:21px;cursor: pointer;}
.ce_tabcontrol_tabs ul li.selected{height:23px;margin:1px -1px -1px 0;background-color:#007eff;color:#ffffff;line-height:23px;}
.ce_tabcontrol_pane .panes{clear:both;padding:10px 15px 15px;border-right:1px solid #dad9d9;border-bottom:1px solid #dad9d9;border-left:1px solid #dad9d9;border-collapse:collapse;}

---

Gruß
ahellmund

Hallo ahellmund,

jetzt habe ich verstanden wie das Tabcontrol funktioniert. Das man per css die Tabs entsprechend formatieren muss ist aus dem Screenshot der Doku des Tabcontrols nicht wirklich softort ersichtlich. Deine Beispiel-CSS Anweisungen haben mir sehr geholfen das ganze jetzt zu verstehen.

Vielen Dank für die Hilfe