Nachträgliche Änderung des responsive Design 
Autor: School School
Besucht 1255,
Followers 2,
Geteilt 0
Ich habe ein Webseitenprojekt übernommen und bei der Überprüfung der responsive Design Einstellungen ist mir aufgefallen, dass nicht alle Formate bei der Erstellung berücksichtigt wurden.
Die Webseite wird auf Tablets - IPads und IOS Geräten nicht richtig dargestellt. Somit habe ich nachträglich responsive Layouts eingestellt. Jetzt kann ich im Projekt die erstellten Seiten nicht mehr anpassen, da die Button ausgegraut sind und eine nachträgliche Änderungen der Abfolge und Zeilenumbrüche nicht möglich ist.
Muss ich das komplette Projekt neu aufsetzen, oder gibt es doch eine Möglichkeit die Seiten meines Projektes an die zusätzlichen responsive Layouts?
www.school-international.de
Danke
Gepostet am
Du musst in der "Desktopansicht" die "Nummernanordnung" neu setzen. Also die 1 ganz oben links und danach nach rechts gehen. Die Felder die Grau sind, sind ausgeblendet worden oben mit dem Button! Die sind ja glaube ich nur Platzhalter oder?
Autor
Danke, das hat ja gut gekklappt.
Jetzt ist das gröbste behoben.
Gibt es noch eine Einstellung für die Anpassung von Tabellenfenstern auf die jeweilige Größe?
In den kleineren Ansichten werden die Tabellen immer mit einen Verschiebereiter angezeigt, anstatt sich die Tabelle der Größe anpasst und den Inhalt dynamisch anpasst.
Danke vorab für die Hilfe
Dazu gab es schon einige Beiträge. Gib mal oben in der Suche "dynamische Tabelle" ein und schau Dir die Beiträge an. Da ist bestimmt was dabei...
Wenn du ein Tabellen-Objekt meinst, sind die nicht von HAus aus "dynamisch" eingestellt. Diese sind mit Absicht mit Schiebereiter versehen wenn sich etwas nicht ausgeht. Dadurch wird kein Text verkleinert und auch nicht verschoben.
Es gibt aber gewisse Skripte die man einfügen kann um die Tabelle "responsive" oder dynamisch zu gestalten.
Du kannst hier meine "Erfindung" probieren...
<style>
@media screen and (max-width:999px) {
div[id^='imTableObject_'] {
overflow-x: auto !important;
}
table {
width: auto !important;
}
}
</style>
Die fett gedruckten px musst du ändern auf deinen ersten Breakpoint!