Contao-Camp 2024
Ergebnis 1 bis 18 von 18

Thema: .pdf einbinden

  1. #1
    Contao-Nutzer
    Registriert seit
    25.01.2013.
    Beiträge
    21

    Standard .pdf einbinden

    Guten Abend zusammen,

    momentan stehe ich ein bischen auf dem berühmten Schlauch: ich möchte / muss ein .pdf Dokument auf einer Seite als Inhaltselement einbinden, so, dass es auch innerhalb der Seite wie ein normales .img oder .png angezeigt wird. Funktioniert so leider nicht - wo liegt das Problem???

  2. #2
    Contao-Fan Avatar von webster
    Registriert seit
    15.09.2010.
    Ort
    Kiel
    Beiträge
    460

    Standard

    Vor der Herausforderung stand ich vor längerer Zeit auch schon mal. Ich habe es damals mit einem <iframe src="url/zum/pdf"> gelöst. Nicht schön, aber es hat (einigermaßen) gut funktioniert.
    Was ist das? - Blaues Licht - Und was macht es? - Es leuchtet blau...

  3. #3
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    bei HTML5 würde das mit <embed> funktionieren

    z.B. <embed src="deinLink_zum.pdf" width="500" height="500">

  4. #4
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Du könntest es aber auch mit <object> einbinden - wobei, soweit ich glaube zu wissen, da in den Browsern das PDF-PlugIn verfügbar sein muss

    z.B.
    <object data="deinLink_zum.pdf" type="application/pdf" width="480" height="480"></object>

  5. #5
    Contao-Urgestein
    Registriert seit
    29.10.2009.
    Ort
    Magdeburg
    Beiträge
    2.020
    Partner-ID
    626
    User beschenken
    Wunschliste

    Standard

    Ich bin neulich auf FlexiPaper gestoßen, da ein Kunde etwas ähnliches will. Noch nicht getestet, sieht aber viel versprechend aus: http://flexpaper.devaldi.com/default.jsp

  6. #6
    Contao-Nutzer
    Registriert seit
    25.01.2013.
    Beiträge
    21

    Daumen hoch Danke

    Danke an alle, werde es ausprobieren.

  7. #7
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    Hallo,
    Ich steh vor dem gleichen Problem.
    Wollte fragen ob es dann geklappt hat und wenn ja wie?
    Mfg

  8. #8
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hi,

    so wie oben von @derRenner beschrieben.
    Neues Inhaltselement vom Typ "html" anlegen und folgenden Code einfügen.
    HTML-Code:
    <object data="/files/ggfUnterordnerName/deinPDF.pdf" type="application/pdf" width="100%" height="1200"></object>
    Eben im FF 59 getestet.

    Gruß
    tschero
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  9. #9
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    Super hat geklappt. Danke.
    Die Grösse kann ich nur über das html angeben/ändern, oder geht das auch über CSS?

  10. #10
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hi,

    sollte per css funktionieren.
    ID oder Klasse an das <object> vergeben und per css ansprechen.

    Gruß
    tschero
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  11. #11
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    Zitat Zitat von tschero Beitrag anzeigen
    Hi,

    sollte per css funktionieren.
    ID oder Klasse an das <object> vergeben und per css ansprechen.

    Gruß
    tschero
    Leider fehlt beim html Inhaltselement die Möglichkeit eine ID oder Klasse zu vergeben.


    Gesendet von iPhone mit Tapatalk

  12. #12
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Das machst Du im Code selbst.
    HTML-Code:
    <object id="meinwunschid" class="mein-wunsch-klassen" data="/files/ggfUnterordnerName/deinPDF.pdf" type="application/pdf" width="100%" height="1200"></object>
    Gruß
    tschero
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  13. #13
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    hat geklappt. Vielen Dank.
    Super wie schnell und unkompliziert einem hier in diesem Forum geholfen wird!

  14. #14
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    Zitat Zitat von tschero Beitrag anzeigen
    Das machst Du im Code selbst.
    HTML-Code:
    <object id="meinwunschid" class="mein-wunsch-klassen" data="/files/ggfUnterordnerName/deinPDF.pdf" type="application/pdf" width="100%" height="1200"></object>
    Gruß
    tschero
    Hallo,

    wenn ich die pdf-Datei so einbinde, dann passt es am Desktop Bildschirm.
    Aber am Handy ist die Datei dann langgezogen/verzehrt.
    Das liegt denk ich an dem "height 1200".

    Hat jemand eine Lösung, was ich machen muss damit das Grössenverhältniss auch am Handy passt?

  15. #15
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Was passiert wenn Du das height einfach weglässt?
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  16. #16
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    Dann passt es am Handy,
    aber auf dem Desktop ist es abgeschnitten.

  17. #17
    Contao-Urgestein
    Registriert seit
    20.09.2012.
    Ort
    Lüneburger Heide
    Beiträge
    1.971
    Partner-ID
    12207
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Dann könntest Du versuchen im <object> das height weg zu lassen, eine ID oder Klasse zu vergeben und mit MediaQuerys und CSS zu arbeiten.
    Autodidakt und HobbyWebdesigner

    www.webdesign24.biz
    Screencasts zu Contao

  18. #18
    Contao-Nutzer
    Registriert seit
    16.01.2011.
    Beiträge
    170

    Standard

    Ja so hab ich es dann hinbekommen.
    Unbenannt-3.PNG
    desktop.PNG
    mobile.PNG

    ich bin mir aber nicht sicher, ob das so die beste Lösung ist wie ich es gemacht habe.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •