Template Override

    Joomla Version
    5.0.0
    PHP Version
    PHP 8.2.x
    Hoster
    https://selmi.schule/de/schulleben/iserv-passwort-vergessen.html
    Link (URL) zur Seite mit dem Problem
    https://selmi.schule/de/schulleben/iserv-passwort-vergessen.html

    Hallo zusammen!

    Ich bin dank der Community auf der Zielgerade bei meiner Umgestaltung des Kontaktformulars.


    Ich habe nun zwei Fragen zu Layout Overrides.


    1.

    Der System-Message-Container

    Code
    <div id="system-message-container" aria-live="polite"></div>

    wäre optisch besser unten auf der Seite, unter "Anfrage absenden" positioniert.




    2.

    Der Rahmen rund um das Kontaktformular soll verschwinden. Hier muss ich sicher ein Override für das fieldset class m-0 setzten oder?



    Problem, ich kenne mich mit Overrides im grafischen Sinne kaum aus. Sollte ich dann die Finger davon lassen oder kann ich das hinbekommen.


    Wenn ja, wie müssten die Overrides aussehen?



    Sollte jemand helfen können, Danke!! :thumbup:

    Zu 2.

    Dafür ist übrigens kein Override erforderlich.

    Es genügt schon eine Ergänzung des CSS z.B.:


    Code
    #contact-form fieldset.m-0 {
border-style: none;
}

    Siehe hierzu z.B. auch in den Anleitungen:


    Thema
    Wie kann ich bei meinem Template das CSS oder Javascript anpassen bzw. ergänzen?
    Damit wird dir dies auch richtig beantworten können bräuchten wir von dir einen Link zum Template oder noch besser zusätzlich auch den Link zu deiner Website mit dem Template.
    Dies benötigen wir weil der Dateiname und der Dateiordner in dem die gewünschten Ergänzungen gemacht werden müßten vom jeweiligen Template abhängig sind!
    Und falls außerdem mit dem Template ein Framework zusätzlich installiert wurde, ist es bei manchen Frameworks auch vom Framework abhängig!

    Du kannst natürlich auch, je…
    Sieger66

    Zu 1:


    Willst du auf allen Seiten dieser Website alle "Messages" unterhalb der Komponentenausgabe haben ?

    Oder z.B. nur auf der von dir genannten einen Seite

    zusätzlich die selben "Messages" auch unterhalb der Komponentenausgabe ?


    Beim Cassiopeia-Template wird diese Ausgabe wohl ausgegeben per Zeile 214 dort:


    github.com/joomla/joomla-cms/blob/5.0.0/templates/cassiopeia/index.php#L214


    Wie man das bei deinem Template ändern kann fehlen mir die Details dazu.

    Zitat von Sieger66

    Zu 2.

    Dafür ist übrigens kein Override erforderlich.

    Es genügt schon eine Ergänzung des CSS z.B.:


    Code
    #contact-form fieldset.m-0 {
border-style: none;


    Thema
    Wie kann ich bei meinem Template das CSS oder Javascript anpassen bzw. ergänzen?
    Damit wird dir dies auch richtig beantworten können bräuchten wir von dir einen Link zum Template oder noch besser zusätzlich auch den Link zu deiner Website mit dem Template.
    Dies benötigen wir weil der Dateiname und der Dateiordner in dem die gewünschten Ergänzungen gemacht werden müßten vom jeweiligen Template abhängig sind!
    Und falls außerdem mit dem Template ein Framework zusätzlich installiert wurde, ist es bei manchen Frameworks auch vom Framework abhängig!

    Du kannst natürlich auch, je…
    Sieger66


    Vielen Dank!

    Ich habe es gleich mal in allen mir bekannten css hinzugefügt, leider ohne Erfolg.

    /templates/selmigerheideschule/css/template.css


    /templates/selmigerheideschule/css/template.css


    Habe ich irgendwas übersehen?

    Ja, das kann ruhig auf sämtlichen Seiten der Page unterhalb der Komponentenausgabe angezeigt werden. Mir sind bisher keine dieser Meldungen bekannt. Demnach sollten auch erstmal keine weiteren hinzukommen.

    Zitat von Sieger66

    Zu 1:

    Wie man das bei deinem Template ändern kann fehlen mir die Details dazu.


    Zitat von Sieger66

    Damit wird dir dies auch richtig beantworten können bräuchten wir von dir einen Link zum Template...

    Und falls außerdem mit dem Template ein Framework zusätzlich installiert wurde, ist es bei manchen Frameworks auch vom Framework abhängig!


    Von wem wurde das Template wie erstellt bzw.

    ist diesbezüglich ein zusätzliches Framework installiert ?


    Wie lautet der Inhalt der nachfolgenden Datei:


    selmi.schule/templates/selmigerheideschule/index.php


    Zu2:

    Der Rahmen ist dort:


    selmi.schule/de/schulleben/iserv-passwort-vergessen.html

    nun nicht mehr vorhanden oder um was geht es noch ?

    Browser-Cache und sonstige Cache gelöscht ?

    Zitat von Sieger66

    Der Rahmen ist dort:

    selmi.schule/de/schulleben/iserv-passwort-vergessen.html

    nun nicht mehr vorhanden oder um was geht es noch ?

    Browser-Cache und sonstige Cache gelöscht ?

    Ja, lag wohl am Cache, obwohl ich immer mit zwei Browsern arbeite und im FF z.B. nichts speichere.

    Um die Eingabebalken auf eine gleiche Länge zu bringen, müsste ich dann folgenden Code verwenden? Ansatzweise vielleicht richtig?




    Zitat von Sieger66

    Von wem wurde das Template wie erstellt bzw. ist diesbezüglich ein zusätzliches Framework installiert ?

    Ich habe über Jahre hinweg die Homepage alleine aufgebaut. Immer durch strg+c strg+v uns stundenlangem ausprobieren. Ich bin Grundschullehrer und werde dafür nicht bezahlt, möchte aber immer max. gute Endergebnisse. Wir haben als kleine Schule nicht wirklich das Budget dazu, eine Homepage schreiben zu lassen. Alles was du auf der Seite siehst habe ich über Jahre hinweg zusammengebastelt. Lediglich die Anpassung des Template auf Joomla 5 wurde von einer Firma übernommen. Ob die z.B. Framesets erstellt haben, kann ich nicht genau sagen.




    Zitat von Sieger66

    Wie lautet der Inhalt der nachfolgenden Datei:

    selmi.schule/templates/selmigerheideschule/index.php

    Hier der Inhalt:

    Tausche doch einfach den Inhalt von Zeile 113 mit 114 in der index.php und speichere :


    Code
    <jdoc:include type="component" />
<jdoc:include type="message" />

    und lass dich überraschen.


    Wie wärs den z.B. mit:


    Code
    input#jform_contact_name    {
    width: 80%;
}


    übrigens das "

    dort in :


    Code
    .control-group {
margin-bottom: 100px";
}

    verhindert das die Deklaration greift...

    Zitat von Sieger66

    Tausche doch einfach den Inhalt von Zeile 113 mit 114 in der index.php und speichere :

    Vielen herzlichen Dank!



    Zitat von Sieger66
    Code
    input#jform_contact_name    {
    width: 80%;
}

    Überragend! Perfekt. Hast du eine Idee, warum die 58% auf dem Smartphone z.B. kürzer sind als die beispielsweise von fromm_contact_name, Form_contact_email oder Form_contact_emailmsg?


    Code
    input#jform_contact_message    {
    width: 58%;




    Zitat von Sieger66

    <übrigens das " dort in :

    Oh man, irgendwann wird man blind. Danke!

    Weil input der falsche Tag ist und daher diesbezüglich keinerlei Wirkung hat:

    Code
    <textarea name="jform[contact_message]" id="jform_contact_message"  cols="50"  rows="10" class="form-control required"       required       ></textarea>
    Code
    textarea#jform_contact_message    {
    width: 58%;
}