[tabcontrol]

[christian.barkowsky]

hallo makai,

du hast leider kein mootools aktiviert.
tabcontrol benötigt aber mootools.

[makai]

Danke für die Hilfe!

hallo makai,

du hast leider kein mootools aktiviert.
tabcontrol benötigt aber mootools.

Fehlt da noch was?

[christian.barkowsky]

Du bindest ja jquery ein.

Guck mal bitte bei Themes > Seitenlayouts > Experten-Einstellungen ... dort muss eingestellt werden, das sowohl mootools als auch jquery geladen werden sollen.

[makai]

Du bindest ja jquery ein.

Guck mal bitte bei Themes > Seitenlayouts > Experten-Einstellungen ... dort muss eingestellt werden, das sowohl mootools als auch jquery geladen werden sollen.

Entschuldige, dass du mir alles vorkauen musst Ich seh unter den Experteneinstellungen nichts dergleichen. Kann das daran liegen, dass ich jQuery direkt über das Template einbinde und nicht über eine Extension?

[cliffparnitzky]

Moin makai,

... Kann das daran liegen, dass ich jQuery direkt über das Template einbinde und nicht über eine Extension?

das wird es sein. Dann laufen jQuery und Mootools nicht im noConflict-Mode.

Installier dir die Extension [jquery]. Dann kannst die vorgegebenen Einstellungen vom Christian vornhemen und musst jQuery nicht mehr über das Template einbinden.

Grüße, Cliff

[makai]

Danke für die Hilfe ihr beide. Leider ändert sich auch nichts bei folgenden Einstellungen (s.u.). Auch wenn ich alles an (jQuery-)JS auskommentiere und ich nur MooTools lade werden mir keine Tabs angezeigt. Ist das vielleicht ein Fehler im xhtml-Template?

[christian.barkowsky]

Und wenn du mal <script src="./tl_files/tsv_layouts/js/miscellaneous.js" type="text/javascript"></script> und $.noConflict(); auskommentierst?!?

[christian.barkowsky]

HALT STOP ...

Deine Anpassungen in der fe_page machen die Probleme.

Normalerweise wird erst Mootools eingebunden und dann das taccontrol.js ... bei dir ist es genau andersrum.

[makai]

HALT STOP ...

Deine Anpassungen in der fe_page machen die Probleme.

Normalerweise wird erst Mootools eingebunden und dann das taccontrol.js ... bei dir ist es genau andersrum.

HALT STOP -> Genau das wars

[makai]

Leider doch nicht. Wenn ich $this->head; nach unten verschiebe und NC anschalte funktionieren die Tabs aber der jQuery-Slider und das Superfish-Menü nicht mehr. Sobald ich NC ausschalte funktioniert wieder alles außer die Tabs.

[christian.barkowsky]

Warum nimmst du nicht das Original fe_page Template???
Den Rest sollten doch die Module selber machen ...

[makai]

Das Template basiert größtenteils auch auf fe_page, nur der header wurde eben stark modifiziert. Meine einzige Alternative ist es also alles von jQuery auf MooTools über Extensions zu münzen? Wieso klappt dann das Akkordeon problemlos?

[christian.barkowsky]

Das tabcontrol JS darf erst nach dem Mootools JS eingebunden werden ... sonst klappt das nicht.

Wie ich aber sehe ... funktioniert es nun.

[startknopf]

Hallo,

wie kann ich auf einer Seite mehrere tabcontrols betreiben?
Wenn ich bei mir 3 x tabcontrol anlege bekomme ich nur das erste angezeigt
die anderen zeigen keinen Inhalt.

Danke

Gruß
Christian

[tblumrich]

Erste Idee, ohne zu wissen, wie das bei dir aufgebaut ist... mehrere Artikel.
Ich meine, ich hatte ads Problem auch mal... und habs so gelöst.

Gruß
Thomas

[startknopf]

Hallo,

hab die ne PN geschickt.

[steffen]

Hallo an alle,

ich wollte in der Contao Version 2.11 den Tabcontrol verwenden, leider vergebens.

Unter Contao Version 2.10.3 funktioniert Tabcontrol problemlos.

Habt Ihr da schon Erfahrungen machen können?

Beste Grüße

Steffen

[christian.barkowsky]

Moin moin,

das Update kommt heute.

[christian.barkowsky]

Ready for Contao 2.11

http://www.contao.org/de/extension-l...030019.de.html

[avogt]

Hallo Zusammen,

ich glaube, an dieser Stelle ist mein Beitrag besser aufgehoben.
Ich habe Ebenfalls Probleme mit Tabcontrol. Hier mein Beitrag mit
einer großen Bitte! Hat jemand eine Lösung für mich?

https://www.contao-community.de/show...-Zusammenspiel

Danke
avogt

[christian.barkowsky]

Das sagt der Firebug:

id.getElement is not a function [Bei diesem Fehler anhalten]

var ul = id.getElement('ul');

...

var MooMenu = new Class({
Implements : Options,
options: {
element : 'mainnav',
mode : 'drop', // or 'fade'
MooIn : 'bounceut',
MooOut : 'circut',
durationin : '1000',
durationout : '200'
},
initialize: function(options){
this.setOptions(options);
var id = $(this.options.element);
var ul = id.getElement('ul');
...

Auf die Schnelle würde ich das MooMenu beschuldigen.

[avogt]

Danke für Deine schnelle Antwort.
Den Fehler habe ich auch gesehen, aber kann damit nicht viel anfangen.
Bin in diesem Bereich absolut kein Profi, lerne mich so langsam ran!
avogt

[Chris87]

Ich bin gerade dabei die Tabs mit CSS zu stylen. Standardmäßig habe ich alle normalen LI's mit einem Pfeil als list-style-image. Bei den Tabs möchte ich da kein Icon davor haben.
Also habe ich in der Klasse ".ce_tabcontrol_tabs UL LI.tabs" nach meinen Wünschen eingestellt und Aufzählung auf "deaktiviert" gesetzt. Aber trotzdem wird das list-style-image noch angezeigt.
Selbst wenn ich ein anderes list-style-image auswähle, wird immer noch der Pfeil angezeigt. Alle andere Angaben werden aber übernommen, nur das list-style-image bzw. list-style-type bekomme ich nicht deaktiviert.

Hat jemand eine Idee, woran das liegen könnte?

[ways2web]

man schaltet es über das ul ab

.ce_tabcontrol_tabs ul
{
list-style-type:none;
}

[Chris87]

Das hatte ich auch schon probiert. Leider macht es auch keinen Unterschied.

[zonky]

bitte link zur seite -sonst ist alle nur "blindflug"...

[Tinker2]

Also wenn du das Zeichen gar nie nicht brauchst oder willst bei den tabs, ich habe es schlicht mit der ".tabs"-Klasse gekillt.

.tabs 
{
list-style-type:none;
}

[christian.barkowsky]

moin,

hier mal drei seiten, auf denen ich das tabControl verwendet und gestylt habe.

http://www.wbc-calau-wohnungen.de/

http://www.wbg-premnitz.de/

http://www.bwgeg.de/wohnungen.html

// Sektor für alle punkte
.ce_tabcontrol_tabs li
{

}

// sektor für aktiven punkt
.ce_tabcontrol_tabs li.selected
{

}

[tblumrich]

Da ich das gerade sehe... die Autoplay-Erweiterung, die du da verwendest, gibts im ER nur bis Version 2.9.5... wird die noch für Versionen ab 2.10 angepasst? Tabcontrol selbst gibts ja sehr aktuell...

Die verlinkten Projekte werden ja sicher keine alten Versionen sein... oder?

Gruß und Danke.
Thomas

[christian.barkowsky]

Autoplay ist in der aktuelle TabControl Erweiterung integriert.

[tblumrich]

Autoplay ist in der aktuelle TabControl Erweiterung integriert.

Echt? Das ist ja super - das sollte ich mir dann wohl mal ansehen. Dankeschön für die Info.

Gruß
Thomas

[ele]

Hallo zusammen,
ich kann machen, was ich will, ich bekomme es nicht zum Laufen.

Ich habe die Erweiterung jquery installiert
In Themes/Sytenlayout habe ich jQuery und MooTools geladen und dabei die lokale Datei verwendet
=> jquery wird geladen mootools nicht laut Quelltext (Cache des öfteren gelöscht)
selbst wenn ich mootools ins template einbaue funktioniert es nicht
auch die von googleapis nimmt er nicht

css habe ich schon verschieden ausprobiert
Beispiel:
/* Style sheet ext-tabcontrol */
#main .ce_tabcontrol_tabs {border-bottom:1px solid #ccc;}
.panes {padding:5px 10px;background-color:#fff;border:1px solid #ccc;}
#main .ce_tabcontrol_tabs li.selected, #main .ce_tabcontrol_tabs li.selected:hover {background-color:#ccc;}
#main .ce_tabcontrol_tabs li {float:left;padding:0 10px;border-left:1px solid #ccc;list-style-type:none;border-top:1px solid #ccc;border-right:1px solid #ccc;cursorointer;}
#main .ce_tabcontrol_tabs li:hover {background-color:#fff;}

Ich benutze Contao Open Source CMS 2.11.0 und tabcontrol 1.3.1 stable
Es sollen ganz gewöhnliche tabs werden.
Bin für jede Hilfe dankbar.
Gruß ele

[christian.barkowsky]

@ele

du kannst gern die url posten ... dann kann man mal drauf gucken.

[macbee]

Passt zwar nicht ganz in die Threadabfolge, aber vielleicht kann mir dennoch jemand helfen:

ich habe einen iFrame in einen Reiter geladen, der mir auch angezeigt wird. Diese wird beim Seitenaufruf geladen. nun müsste diese Karte aber beim Klick auf den Reiter nochmals geladen werden, damit dort der richtige Ausschnitt dargestellt wird. Wenn ich den iframe ganz normal positioniere (also ohne Tabcontrol) wird mir immer der richtige Ausschnitt angezeigt.

Wie stelle ich das am besten an?

LG

[Gassi]

Hallo,
auf den vorderen Seiten gibt es anpassungen, um bei einem reload das aktive Tab wieder auszuwählen - kann mir jemand sagen ob das mit der neuen Version auch irgendwie funktioniert?
Habe das Template mal eingebaut und verwendet - Es scheint zwar halbwegs zu funktioneren - jedoch spricht es meine CSS klassen nicht mehr richtig an- obwohl im Quelltext immer noch die gleichen Id´s und Klassen wie vorher stehen..?! Zudem scheint das eingebunden JS mit dem neuen JS recht unterschiedlich von den ansprachen der ID´s etc....

Gibt es da inzw. vielleicht eine bessere Lösung / bzw. ein angepasstes Template ? Wäre super wenn das jemand posten könnte - oder eine Contao-Seite weiss wo das läuft....
Habe auch was von einer Akkordeon Erweiterung gelesen - die das wohl auch machen kann?!

Wäre sehr glücklich wenn mir jemand einen Tipp hierzu geben könnte - es scheint ja schon einige benötigt zu haben... und ich wüsste nicht wie ich das formular sonst ansprechen sollte...
Mir würde es tendentiell auch reichen - wenn ich über eine variable einen ganz bestimmten tab auswählen könnte...entweder php oder js....

Vielen Dank

grüsse Gassi

[deerwood]

Hallo Gassi,

den Code für das Wiederherstellen des aktiven Tabs hatte ich mal verbrochen. Leider habe ich im Moment überhaupt keine Zeit, das an die neueste Version anzupassen.

Die Akkordeon-Anpassung kannst Du im Wiki nachlesen (Punkt 5: Akkordeons geöffnet halten). Aber auch da gilt: das ist nicht mehr ganz aktuell, weil in 2.11 (2.10?) der Akkordeon JS-Code des Contao Core verbessert wurde (more accessible und evtl. noch anderes) ... und auch für diese Anpassung habe ich momentan leider keine Zeit

LG, Georg

[Alexander]

Servus liebe Leser,

Hat jemand zufällig eine Anleitung parat, wie man es hinbekommt, dass die Reiter links (oder auch rechts) vom Inhalt angezeigt werden? So wie hier würde ich sagen: http://www.wbg-premnitz.de/

Über eure Ratschläge/ Tipps würde ich mich sehr freuen.

Beste Grüße
Alexander

[christian.barkowsky]

Frag mich doch. *hehe*
Ist ganz leicht.

[christian.barkowsky]

.ce_tabcontrol_tabs ... float: left oder right.

[Alexander]

Ach ja, wir hatten das per pm geklärt. Christians Tipp funktioniert. Vielen Dank nochmal an dieser Stelle!
Beste Grüße
Alex