Joomla 5 Mitteilung

Wir freuen uns mitteilen zu können, dass seit dem 29. Januar 2024 alle unsere Joomla Erweiterungen mit Joomla 5 kompatible sind.

Für alle die gerade noch von Joomla 3 auf 4 aktualisieren: Anleitungen für die Joomla 4 Migration gibt es hier:

Es gibt nun auch eine eigenständige Dokumentation für Visforms für Joomla 4 und für Visforms auf Joomla 5

Forum

Visforms Subscription Inhaber können in unserem Forum Fragen stellen. Bitte mit dem entsprechenden Benutzer anmelden.
Jeder kann lesend auf das Forum zugreifen.

Bitte stellen Sie nur 1 Frage pro Thema.

Datenanzeige im Frontend - Link zu Details auf beliebige Spalte legen

Mehr
2 Jahre 1 Woche her - 2 Jahre 1 Woche her #8093 von MaliRaj
Hallo Agnes,
okay, wenn es dir "nur" um das Aussehen geht ... versuche/experimentiere einmal mit folgendem CSS in deiner (personal).css:

Code:
.visicon-eye, .visicon-edit { font-size: 1.3em; margin: .5em; }



In Kombination mit dem "Auge" erhältst du so ein viel größeres Icon für das "Detail-ansehen-Auge und das "Daten-bearbeiten-Symbol".

Freundliche Grüße aus PM
Heinz
Letzte Änderung: 2 Jahre 1 Woche her von MaliRaj.
Folgende Benutzer bedankten sich: Administrator IV

Mehr
2 Jahre 1 Woche her - 2 Jahre 1 Woche her #8094 von Administrator IV
Hallo Agnes,

mit reinem CSS kannst du in Bezug auf die Darstellung viel erreichen.
Hier nur kurz zwei weitere Beispiele, ausgeführt direkt auf deiner Liste hinter dem Link von oben.

1) Ein auffallender fixer Text in der ersten Spalte  'Id':
vi-solutions.de/forum-uploads/jurah%C3%A...in-not__fix-text.png

Das CSS dazu:
.visToolTip {
  visibility: hidden;
}

.visToolTip::before {
  visibility: visible;
  content: 'Details zum Haus';
  color: black;
  font-weight: bolder;
}

2) Ein auffallender Text mit der Id am Ende in der ersten Spalte  'Id':
vi-solutions.de/forum-uploads/jurah%C3%A...-in-not__with-id.png

Das CSS dazu:
.visToolTip {
    color: black !important;
    font-weight: bolder;
}

.visToolTip::before {
    visibility: visible;
    content: 'Details Haus ';
    color: black;
}


Benutzerdefiniertes CSS schreiben:

Um das Layout im Detail zu bearbeiten, musst du ein benutzerdefiniertes CSS in Visforms schreiben: Dashboard --> 'CSS Bearbeiten'.
Dadurch öffnet sich die Ansicht 'Visforms - Tools - CSS Bearbeiten'.
Hier erstellst du eine neue Datei (klicke auf die Schaltfläche 'Neue Datei anlegen'), deren Name wörtlich „custom“ enthalten muss (z. B. 'custom-data.css').
Die benutzerdefinierte CSS-Datei wird dann automatisch von Visforms geladen und ist auf der Seite im Frontend vorhanden.
Fülle es es nach Belieben mit deinem eigenen benutzerdefinierten CSS.
Das CSS von Visforms ist gut strukturiert, sodass du jeden Teil des HTML-Codes mit relativ einfachen Selektoren ganz einfach erreichen kannst.

Gruß, Ingmar

:idea: I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-).

:idea: Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-).
Letzte Änderung: 2 Jahre 1 Woche her von Administrator IV.
Folgende Benutzer bedankten sich: MaliRaj, jurahausverein

Moderatoren: Administrator AVAdministrator IV
Powered by Kunena Forum