Tabs in der rechten Spalte

[[Stefan]]

Hallo Community,

ich beschäftige mich momentan mit TYPOlight, da ich eine Website damit realisieren will. Daher meine Frage.

Auf www.dein-niedersachsen.de werden in der rechten Spalte ganz oben Tabs angezeigt. Wie ich Tabs in der Mitta anzeigen lassen kann (Erweiterung) ist mir bekannt, wie kann ich aber diese Erweiterung in der rechten Spalte einsetzen.

Wäre klasse, wenn mir einer dies erklären könnte.

gruß stefan

[planepix]

Hallo Stefan,

eigentlich genau so wie in der Hauptspalte.

Im Seitenlayout sollte für die rechte Spalte Artikel eingestellt sein.

Ggf. wird hier ein Artikel in einer versteckten Seite eingefügt und dann als Modul mit Eigenem HTML-Code via Insert-Tag der Artikel-ID das ins Seitenlayout eingebunden.

[[Stefan]]

Hallo planepix,

vielen Dank. Funktioniert super. Wie kann ich es jetzt noch einstellen, dass dieser Artikel dauerhaft in der rechten Spalte eingebunden wird und nicht nur, wenn ich den entsprechenden Menüpunkt auswähle ?

Danke.


gruß Stefan

[planepix]

Hallo Stefan,

das Modul dann in das Seitenlayout einbinden.

Eingebundene Module - Spalte
Dein Modul - rechte Spalte

[[Stefan]]

Hallo planepix,

welches Modul? Ich hab jetzt einfach einen neuen Artikel erstellt und dann "Anzeigen in: Rechte Spalte" ausgewählt. Wie kann ich daraus ein Modul machen?

gruß Stefan

[planepix]

Hallo Stefan,

erstelle in der Seitenstruktur eine Seite, nicht im Menü anzeigen lassen, aber veröffentlicht. Darin legst Du nun den Artikel an.

Und dann erstellst Du ein neues Modul vom Typ Eigener HTML-Code und fügst dort den Insert-Tag des Artikels ein und bindest dann das Modul ins Seitenlayout ein.

Auf englisch im Wiki hier zu finden.

[[Stefan]]

Hallo planepix,

danke für die Erklärung. Das habe ich jetzt gemacht. Funktioniert auch prima, nur werden jetzt die einzelnen Tabs nicht mehr nacheinander angezeigt, sondern es werden alle Tab-Inhalte gleichzeitig angezeigt. Mache ich etwas falsch? Vermutlich

Mein Modul "TabRight" hat eigenen HTML Code

{{insert_article::29}}

In Article 29 habe ich das Tab Menü anhang der Erweitung tabcontrol aufegbaut


gruß Stefan

[planepix]

Hallo Stefan,

ich vermute (Link?) das nun die CSS-Definitionen nicht mehr passen für die rechte Spalte...?

Wurde diese für die Hauptspalte spezifiziert?

#main .tab_control ....

Es könnte auch sein, dass die Tabs und deren Inhalte nun zu breit sind für die rechte Spalte...

[[Stefan]]

Hallo planepix,

das ist momentan der Code [ist auf meinen localen Server localhost]

<div id="right">
<div class="inside">

<!-- indexer::stop -->
<script type="text/javascript">
/* <![CDATA[ */
	function loadTabControls() {
		$$('div.mod_article').each(function(s) {
			new TabControl(s, {
				behaviour: 'click',
				tabs: s.getElements('.tabs'),
				panes: s.getElements('.panes'),
				selectedClass: 'selected',
				hoverClass: 'hover'
			});
		});
	}
	
	/*
	 * Bootstrap
	 */
	window.addEvent('domready', loadTabControls);
/* ]]> */
</script>
<!-- indexer::continue -->

<div class="ce_tabcontrol_tabs block">
<ul>
	<li class="tabs">Test1</li>
	<li class="tabs">Test2</li>
</ul>
</div><div class="ce_tabcontrol_pane block">
<div class="panes"><div>
<div class="ce_text block">
<p>Test 1 Text</p>
</div>
</div></div>
</div>
<div class="ce_tabcontrol_pane block">
<div class="panes"><div>
<div class="ce_text block">
<p>Test 2 Text</p>
</div>
</div></div>
</div>
 </div>
</div>

Momentan werden Test 1 Text und Test 2 Text direkt untereinander ausgegeben und die Tabs lassen sich nicht mehr anklicken.


gruß Stefan

[planepix]

Hallo Stefan,

ggf überlagern sich Elemente...

Wie sind die Tabs im CSS definiert? Spezifisch auf die Darstellung in der rechten Spalte?

[[Stefan]]

Ich glaube es liegt an dem Code der Tab-Erweiterung

function loadTabControls() {
		$$('div.mod_article').each(function(s) {
			new TabControl(s, {
				behaviour: 'click',
				tabs: s.getElements('.tabs'),
				panes: s.getElements('.panes'),
				selectedClass: 'selected',
				hoverClass: 'hover'
			});
		});
	}

Dieses "div.mod_article" habe ich ja in der rechten Spalte nicht, das habe ich ja nur bei Artikel in der Hauptspalte. Gibt es eine möglich dies zu ändern ?


// Edit

Habe es jetzt so gelößt, indem ich 2 Module gemacht habe. Eins mit <div class="mod_article block" id="test"> und eins mit </div>. Jetzt klappt es. Gibt es eine sauberere Lösung?



gruß Stefan

[radm]

Hallo

Ich habe das gleiche Problem. Die Tabs funktionieren problemlos in der Hauptspalte und in der rechten Spalte. Sobald ich aber die Artikel als Modul in die rechten Seite einbinde, funktionieren die Tabs nicht mehr. Die Artikel werden untereinander angezeigt.

Soweit ich beurteilen kann, wird das JS im Modul nicht geladen. Der Klasse "panes" wird der style display:block oder display:none nicht mitgegeben.
Hat jemand eine Idee, wie ich das lösen könnte?

Vielen Dank und freundliche Grüsse
Rita

//Edit
ok, ich habs hingekriegt. Das JS einfach ins fe_page verlinken, dann gehts :-)