1. Weiterleitung zu NetzLiving.de
  2. Forum
    1. Unerledigte Themen
  3. zum neuen Forum
  • Anmelden
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

FilePond ins Design anpassen

    • HTML & CSS
  • Syntafin
  • 23. April 2023 um 01:30
  • Unerledigt
Hallo zusammen,

das Informatik-Forum geht in den Archivmodus, genaue Informationen kann man der entsprechenden Ankündigung entnehmen. Als Dankeschön für die Treue bekommt man von uns einen Gutscheincode (informatikforum30) womit man bei netzliving.de 30% auf das erste Jahr sparen kann. (Genaue Infos sind ebenfalls in der Ankündigung)

Vielen Dank für die Treue und das Verständnis!
  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 23. April 2023 um 01:30
    • #1

    Hallöchen!

    Aktuell arbeite ich ja noch am Design des Reworks meiner persönlichen Seite.

    Etwas an dem ich gefallen gefunden habe, ist es Dinge wie zum Beispiel das "Formular" zum erstellen eines Blog Beitrages oder zum Hochladen eines Bildes/Bilder so aussehen zu lassen, wie sie nach der veröffentlichung aussehen würden.

    Nun, bei Bildern klappt das so "semi" bei Beiträgen fällt mir da einfach die Art und weiße wie FilePond im Standard aussieht in den Rücken:

    Live kann man das da sehen: https://new.syntafin.de/posts/create

    (Bitte kein "aber ich kann da einfach zugreifen ohne anmelden?!?! nun bitte... Design Demo bedeutet Design Demo)

    Gerne hätte ich, das Filepond sich da anpasst um auszusehen wie das Ergebnis, vor allem nach dem Einfügen eines Bildes:

    Ich hab zwar in den Docs das hier gefunden:

    Easy File Uploading With JavaScript | FilePond
    A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user…
    pqina.nl

    Das ignoriert FilePond aber gekonnt (typisch JS würd ich jetzt mal behaupten...), also zweite Möglichkeit: Über CSS dazu zwingen!

    Nun... da hapert es aber, da in meinen Tests ein wenig schräges verhalten auftritt.

    Habe es mit folgendem Hardcoded CSS erstmal probiert, jedoch... sieht das Ergebnis nicht aus wie man es sich vorstellt:

    CSS
    .filepond--image-bitmap canvas {
        width: 1552px;
        height: 400px;
        object-fit: cover;
    }


    So wirklich weiß ich also aktuell nicht mehr weiter und hoffe hier hat jemand Ideen und Vorschläge wie man es lösen kann :)

  • Syntafin 23. April 2023 um 12:50

    Hat das Label HTML & CSS hinzugefügt.
  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 4. Mai 2023 um 04:04
    • #2

    *push* :saint:

  • flyingtable07
    Punkte
    3.580
    Beiträge
    681
    • 4. Mai 2023 um 06:35
    • #3

    Du hast echt ansprüche

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 4. Mai 2023 um 07:07
    • #4
    Zitat von flyingtable07

    Du hast echt ansprüche

    Weil ich etwas an meine Bedürfnisse anpassen möchte?

  • flyingtable07
    Punkte
    3.580
    Beiträge
    681
    • 4. Mai 2023 um 07:08
    • #5
    Zitat von Syntafin

    Weil ich etwas an meine Bedürfnisse anpassen möchte?

    nein, ich bin immer schon froh, wenn etwas einigermaßen shön aussieht aber du scheint dir ja echt mühe zu geben dass es perfekt ist

  • Syntafin
    Punkte
    7.925
    Beiträge
    1.439
    • 4. Mai 2023 um 07:42
    • #6
    Zitat von flyingtable07

    nein, ich bin immer schon froh, wenn etwas einigermaßen shön aussieht aber du scheint dir ja echt mühe zu geben dass es perfekt ist

    Muss mir ja auch gefallen ^^

  1. Datenschutzerklärung
  2. Impressum