WBCE CMS Forum

screamindan

Mitglied

CSV2TABLE Mobile Ansicht

Moin. Das  Ding is super, funktioniert auf Desktop und Tablet sehr gut. Auf dem Handy ragt es nach rechts über den Content hinaus; was muss ich denn ändern, damit es mobil seitlich verschiebbar wird?

screamindan

Mitglied

Re: CSV2TABLE Mobile Ansicht

Ich hab jetzt dem Content ein "overflow-x: auto;" verpasst. Das scheint keine schlimmen Folgen für andere Elemente zu haben...

screamindan

Mitglied

Re: CSV2TABLE Mobile Ansicht

Eleganter wäre wahrscheinlich, nur der Tabelle ein zusätzliches DIV zu geben. Der Filter oben sollte stehenbleiben...

florian

Administrator

Re: CSV2TABLE Mobile Ansicht

Um einen Div um die Tabelle herum zu legen, ändere in der /modules/cs2table/view.php die Zeile 33

echo '<table id="csv2table-'.$section_id.'" class="table csv2table-table" border="1"><thead><tr>';

zu

echo '<div class="smallscreenscroll"><table id="csv2table-'.$section_id.'" class="table csv2table-table" border="1"><thead><tr>';

und die Zeile 56

	echo '</tbody></table>';

zu

	echo '</tbody></table></div>';

Und dann in der Template-CSS irgendwas mit .smallscreenscroll anstellen.

Andere Optionen wären noch

- in der module_config.php die Funktion aktivieren, bestimmte Spalten in der Mobilansicht auszublenden:

// if you'd like to collapse some columns on smaller screens - in this example  col 1 and col 4 - change the following lines 
$hideCellsOnSmallScreens = false; // set to true to activate
$cellsToHide = 'td.c2tc4, th.c2tc4, td.c2tc1, th.c2tc1'; 

- oder im Template-Stylesheet für  .csv2table-table td per Media Queries für kleinere Screens eine kleinere Schriftart hinterlegen

screamindan

Mitglied

Re: CSV2TABLE Mobile Ansicht

Dankeschön. Da es eine Adressen- / Telefonliste wird, ist scrollen glaube ich besser. 

screamindan

Mitglied

Re: CSV2TABLE Mobile Ansicht

Das mit dem Extra "Scroll DIV" haut super hin.