vi-solutions
Software + Internet

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.

Wichtig Angaben für fast jede Frage:
V1: Welche Visforms-Version läuft?
V2: Welche Joomla-Version läuft?
V3: Welche PHP-Version läuft?

Aufgrund von Feiertagen und Urlaub ist bei Anfragen im Forum in der Zeit vom 20. Dezember 2024 bis zum 8.Januar 2025 mit verlängerten Antwortzeiten zu rechnen.

Ergebnis als Grafik anzeigen

Mehr
1 Monat 4 Tage her #10945 von rolaloe
Ergebnis als Grafik anzeigen wurde erstellt von rolaloe
Angenommen, ich habe einen Fragebogen und werte diesen über das Ergebnis aus.
Gibt es eine Möglichkeit das berechnete Ergebnis als Grafikbalken auszugeben?
Meine Idee ist es einen zweifarbigen Balken der sich in zum Beispiel 9 von 10 Punkten erreicht unterscheidet.
Dabei sollen dann 9 Teile in Grün und ein Teil in Rot angezeigt werden.
Wie kann ich sowas umsetzen?

Gruß
Roland

Mehr
1 Monat 3 Tage her #10946 von Administrator IV
Administrator IV antwortete auf Ergebnis als Grafik anzeigen
Hallo Roland,

könntest du dich bitte etwas detaillierter in Bezug auf die Möglichkeiten in Visforms ausdrücken?
Das bleibt zumindest mir, vollkommen unklar.

Insbesondere: Um was handelt es sich bei deinem 'Ergebnis'?
Etwa um ein Formular-Feld und wenn ja um welchen Feld-Typ, also etwa ein Berechnungs-Feld?

Insbesondere: Wo findet deine Wertung denn statt, also schon im Formular oder erst in den Daten?

Insbesondere: Wo genau willst du diesen einen oder diese vielen Grafikbalken anzeigen?

Also etwa wie folgt:
- Im Formular selbst (wo genau, bei einem einzelnen Feld oder am Ende des Formulars).
- In der Daten-Ansicht (wo genau innerhalb der einzelnen Datenzeile).
- In der Daten-Detail-Ansicht (wo genau).

Die Lösung dazu besteht in wahrscheinlich allen Fällen relativ einfach mit etwas zusätzlichem HTML und CSS, welche insbesondere die unterschiedlichen Bereiche schön darstellen (bei dir einfach Rot und Grün).

Mit wenigen Zeilen JavaScript erfolgt
- Das Hinzufügen des notwendigen HTMLs.
- Die dynamische Aufteilung, etwa
    - eines horizontalen Balkens,
    - eines vertikalen Balkens,
    - eines runden Donats.

Du kannst das Hinzufügen von zusätzlichem JavaScript und CSS direkt mit den Visforms 'Frontend Webassets' erreichen.
Frontend Webassets:
docs.joomla-4.visforms.vi-solutions.de/d...-frontend-webassets/
Alle Einstellungen werden im Formular vorgenommen:
docs.joomla-4.visforms.vi-solutions.de/d...formular-vorgenommen

Das Internet ist voll von konkreten Beispielen der Umsetzung mit vielen unterschiedlichen HTML/CSS-Möglichkeiten.

Liebe Grüße, 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 :-).

Mehr
1 Monat 2 Tage her #10952 von Administrator IV
Administrator IV antwortete auf Ergebnis als Grafik anzeigen
Hallo Roland,

hier ein einfaches Beispiel für einen zweifarbigen Fortschrittsbalken.
Der Bootstrap 5 Fortschrittsbalken wird einfach mit JavaScript am Ende des Formulars hinzugefügt.
Das verwendete UI-Framework ist Bootstrap 5, passend zum Joomla Standard Frontend-Template.

Der Fortschrittsbalken wird exemplarisch nach 2 Sekunden auf den Wert 66% gesetzt.
Hier würdest du anders vorgehen.
Dein JavaScript würde auf Änderungen deines Feldes reagieren und entsprechend dem aktuellen Wert des Feldes den Anzeige-Wert Fortschrittsbalken anpassen.
Auf welche Änderung du genau reagierst ist Fall-spezifisch.

Einen solchen Bootstrap 5 Fortschrittsbalken kann grundsätzlich fast überall angezeigt werden.

Das Formular:
vi-solutions.de/forum-uploads/add-progress-bar-to-form.png

Der JavaScript-Code:
Code:
// append progress bar to end of form jQuery(document).ready(function() {     console.log('test_script.php loaded');     jQuery('.visform fieldset:last').after(         '<div class="row">' +         '<div class="progress col-10 offset-1">' +         '<div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>' +         '</div>'+         '</div>'     ); }); // set progress bar to 66 percent after 2 seconds window.setTimeout(function () {     const value = 66;     jQuery('.progress-bar').width((value) + '%'); }, 2000);

Etwas CSS zur Feinjustierung:
Code:
.progress {     height: 3rem;     background-color: lightcoral; } .progress.col-10 {     padding: 0; }

JavaScript-Code und CSS trägst du entsprechend in den Visforms 'Frontend Webassets' ein.
docs.joomla-4.visforms.vi-solutions.de/d...-frontend-webassets/

Liebe Grüße, 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 :-).

Mehr
1 Monat 21 Stunden her #10954 von rolaloe
rolaloe antwortete auf Ergebnis als Grafik anzeigen
Hallo Ingmar,

es geht um zwei Berechnungsfelder.
Die Auswertung soll in der Übersichtsseite angezeigt werden. Die Zahlen bekomme ich angezeigt, das bedeutet die Berechnung funktioniert. Diese beiden Ergebnisse würde ich gerne i der Daten-Detail-Ansicht Übersichtseite als Horizontale Balkengrafik darstellen.
Beide Werte zusammengesetzt als einen Balken in zwei unterschiedlichen Farben.

Ich habe auch versucht im Benutzerdefinierten Text eines Feldes die berechneten Werte auszugeben aber weder {feld} noch [FELD]  funktionieren.

HTML und CSS ist kein Problem für mich. Bei Javascript bin ich weit weg von eigenem Code aufzubauen. Anpassen ja, aber selbst was schreiben. Das kann ich nicht.

Auf der VISFORMS Internetseite habe ich schon ziemlich alles durch. Gibt es da fertigen Javascript Code zum Download (Ich meine nicht die aus den Beispielen)? Gibt es da eine Bibliothek?

Grüße Roland

 

Mehr
1 Monat 4 Stunden her #10959 von Administrator IV
Administrator IV antwortete auf Ergebnis als Grafik anzeigen
Hallo Roland,

Zu: Gibt es da eine Bibliothek?

Es gibt keine Bibliothek und sie ist auch nicht notwendig.
Ist das JavaScript erstmal im Formular geladen, kannst du auf alles direkt zugreifen und damit arbeiten.
Dazu bedarf es keiner Visforms-spezifischen Bibliothek.

Das Laden im Formular oder auch im Daten-Edit erfolgt ja gerade mit den Visforms FEWA (siehe die Links ganz am Anfang des Themas).
Die Visforms FEWA ist also bereits die notwendige 'Bibliothek'.

Das Code-Beispiel von oben zeigt dir exemplarisch, wie du den Balken erzeugen und steuern kann.
Offensichtlich ist er deinen Vorstellungen bereist recht ähnlich, also horizontal und zweifarbig und breit am unteren Rand platziert.

In den vielen Visforms FEWA Code-Beispielen wird der Umgang mit den Formular-Elementen umfangreich gezeigt.
Diese Visforms FEWA Code-Beispiele sind diese Art 'Bibliothek', denn du kannst sie mit Copy&Paste direkt in den Visforms FEWA einfügen und nutzen.
Ein leicht erfahrener JavaScript-Entwickler kann damit eigentlich alles umsetzen.

Du hast 2 Optionen:
O1 - Du lernst etwas JavaScript.
O2 - Du schreibst uns eine E-Mail an unsere Kontakt-E-Mail und wir machen dir ein Angebot für deine konkrete Anforderung.

Bitte habe Verständnis dafür, dass wir den Aufwand für diese Sonderwunsch-Erweiterung zu unserem aktuellen Stundensatz und mindestens 1 Stunde berechnen müssen.

Liebe Grüße, 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 :-).

Mehr
3 Wochen 5 Tage her #10976 von rolaloe
rolaloe antwortete auf Ergebnis als Grafik anzeigen
Hallo Ingmar,

mit der Javsript Bibliothekl meinte ich, einer auf der Visforms Internetseite nicht in der Komponente.

Ich werde nicht drumherum kommen JS zu lernen :-(

Den Code werde ich ausprobieren. Danke

Grüße Roland

Moderatoren: Administrator AV, Administrator IV
Powered by Kunena Forum

Visforms Subscription

Visforms Erweiterungen

Nützliche Erweiterung, die Visforms ergänzen und mit denen Sie Ihre Formulare nicht nur mit wenig Aufwand perfekt in die Funktionalität Ihrer Webseite integrieren können sondern die Visforms auch ganz neue Anwendungsbereiche erschließen können.

Info