Hallo Sigrun,
ich weiß nicht genau von welcher Visforms Verison du gekommen bist und ich habe zum Teil schon erhebliche Änderungen vorgenommen. In früheren Versionen hat Visforms die Joomla! IcoMoon Schrift automatisch eingebunden, aber das hat mit einigen Templates überhaupt nicht funkitoniert, so dass ich irgendwann eine eigene Icon-Font-Packung für Visforms gemacht habe und nun diese unter einem eigenen Namensraum einbinde.
D.h. die Joomla! IconMoon Schrift ist jetzt gar nicht mehr geladen und es wird deshalb einfach das Zeichen,das in der CSS Regel steht, direkt ausgedruckt.
Um das Problem zu beheben müsstest du die Joomla! IcoMoon Schrift einbinden.
Ich hatte in Visforms noch ein weiteres neues Feature eingebaut, nämlich dass man eine eingene CSS-Datei anlegen kann, die individuelles CSS enthält und bei Updates nicht überschrieben wird. In den Formularsichten werden diese CSS-Dateien automatisch geladen, aber in den Datensichten habe ich vergessen das hinzuzufügen. Durch deinen Post ist mir dieser Mangel aufgefallen und ich werde den Visforms-Code so ändern, dass in zukünftigen Versionen solche individuellen CSS-Dateien auch in die Datensichten automatisch eingebunden werden. Deshalb wäre es eigentlich sinnvoll wenn du dein individuelles CSS jetzt schon gleich in eine eigene CSS-Datei schreibst und dann diese CSS-Datei in deinem Override der Data View Datei einbindest und nicht die visforms.min.css änderst.
Im Beitrag
www.vi-solutions.de/de/support/dokumenta...out-mit-css-anpassen
wird beschrieben, wie du eine eigene css-Datei anlegst (ist ganz einfach).
In diese CSS-Datei fügst du dann folgenden Code ein, um die Joomla! IcoMoon Schrift einzubinden und das eye-icon zu definieren:
Code:
@font-face {
font-family: 'IcoMoon';
src: url('../../../media/jui/fonts/IcoMoon.eot');
src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
margin-right: .25em;
line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'IcoMoon';
font-style: normal;
speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
font-weight: normal;
}
.icon-eye:before {
content: "\3c";
}
In der Overridedatei für die Dataview (data.php) in deinem Template fügst du hinter folgendem Code (ab Zeile 219)
Code:
$document = JFactory::getDocument();
$document->addCustomTag('<style type="text/css"><!-- #maincolumn { overflow:auto !important;} --></style>');
$document->addCustomTag('<link type="text/css" href="' . JURI::root(true) . '/media/com_visforms/css/visforms.min.css" rel="stylesheet">');
$document->addCustomTag('<link type="text/css" href="' . JURI::root(true) . '/media/com_visforms/css/visforms.css" rel="stylesheet">');
Noch eine Zeile ein, um deine neue CSS-Datei einzubinden
Code:
$document->addCustomTag('<link type="text/css" href="' . JURI::root(true) . '/media/com_visforms/css/MEINCUSTOMCSSDATEINAME.css" rel="stylesheet">');
Dieses Vorgehen hat den Vorteil, dass beim nächsten Visforms-Update dann erstens dein eigenes CSS nicht mehr überschrieben wird und zweiten deine eigene CSS-Datei dann automatisch geladen werden wird, weil ich das ja auch in den Datensichten jetzt einbaue.
Ich hoffe ich habe nichts vergessen.
Liebe Grüße,
Aicha
I recommend you the new and up-to-date documentation for Joomla 4:
.
