1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

FilePond ins Design anpassen

    • HTML & CSS
  • Syntafin
  • 23. April 2023 um 01:30
  • Unerledigt
  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.778
    Trophäen
    2
    Beiträge
    1.413
    • 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 :)

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Syntafin 23. April 2023 um 12:50

    Hat das Label HTML & CSS hinzugefügt.
  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.778
    Trophäen
    2
    Beiträge
    1.413
    • 4. Mai 2023 um 04:04
    • #2

    *push* :smiling_face_with_halo:

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • flyingtable07
    18
    flyingtable07
    Mitglied
    Reaktionen
    59
    Punkte
    3.564
    Trophäen
    1
    Beiträge
    678
    • 4. Mai 2023 um 06:35
    • #3

    Du hast echt ansprüche

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.778
    Trophäen
    2
    Beiträge
    1.413
    • 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?

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • flyingtable07
    18
    flyingtable07
    Mitglied
    Reaktionen
    59
    Punkte
    3.564
    Trophäen
    1
    Beiträge
    678
    • 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

  • Online
    Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.778
    Trophäen
    2
    Beiträge
    1.413
    • 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 :grinning_face_with_smiling_eyes:

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung