Joomla 5 Notice

We are pleased to announce that as of January 29, 2024, all of our Joomla extensions are compatible with Joomla 5.

For all who are still updateing from Joomla 3 to Joomla 4: Joomla 4 Migration instructions are available here:

There is now a separate Documentation for Visforms for Joomla 4 and for Visforms for Joomla 5!

Forum

Visforms Subscription user can ask questions in our forum. Please log in with the relevant user first.
Everybody can access the forum for reading.

Please only ask 1 question per topic.

Important information for almost every question:
V1: Which Visforms version is running?
V2: Which Joomla version is running?
V3: Which PHP version is running?

Datenanzeige im Frontend - Link zu Details auf beliebige Spalte legen

More
2 years 7 months ago - 2 years 7 months ago #8093 by 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
(Joomla 5.1.2 / Visforms+Subscription 5.12 / PHP 8.2)
Last edit: 2 years 7 months ago by MaliRaj.
The following user(s) said Thank You: Administrator IV

More
2 years 7 months ago - 2 years 7 months ago #8094 by 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 :-).
Last edit: 2 years 7 months ago by Administrator IV.
The following user(s) said Thank You: MaliRaj, jurahausverein

Moderators: Administrator AVAdministrator IV
Powered by Kunena Forum