Okay
  Public Ticket #3154934
adding H5P and PDF into Elementor Accordion
Closed

Comments

  •  12
    MeesterGijs started the conversation

    Hello,

    How can I make a PDF visible inside an accordion? 

    https://imgur.com/a/BjF2CZE / http://somup.com/c36tlpvv8I

    Also, the button for adding H5P doesn't work. But I found a workaround...

    Thanks!

    Gijs

  • [deleted] replied

    You can switch to text editor then add this html code : 


    https://gist.github.com/alexvibealex/8199c743999ecba16fce020557960a69


    replace the url with your pdf url : http://localhost/vibebp/wp-content/uploads/2022/01/qHb8-example.pdf

  •   MeesterGijs replied privately
  • [deleted] replied

    yes the url is wrong . 

    Please goto wp-admin> media to get the url of pdf file.

  • [deleted] replied

    But wait it will not work in the elementor unit . 

    Our pdf embed will only work with our front end editor not elementor . 

    To embede pdf you might need to use pdf embedder premium plugin shortcode here.

  •   MeesterGijs replied privately
  • [deleted] replied

    No there are not disadvantages of it . 

    Please try adding this custom css in your wp-admin-> appearance-> customize -> custom css : 


    .vibe_editor_shortcode iframe[loading="lazy"] { width: 100%; height: 500px; }


    fro google drive pdf width


    After adding one letter to the html string inside the unit the cursor automatically goes to end of the string of text. So typing text in html is horrible. Watch: http://somup.com/c36wXlvaqC

    Yep this is and issue as of now in wplms editor . 



  •  12
    MeesterGijs replied

    It is now becoming a bit messy, all because of me. In short: I loved PDF Embedder Premium. But in WPLMS 4.4 embedded PDF not automatically load. I have to click unit again to load. Now I'm thinking of different option. I can use WPLMS embed style, Google Drive, PDF Embedder and use iframes.

    My questions for each option

    When using Google Drive

    I use this code for an embedded Google Drive PDF. But one question remains. When I inspect this unit page I can still find the Google Drive url. I don't want people to know or see the url. Because then they can add this url anywhere. I want it to be exclusive to my website. This is not something I can change in the google drive settings. Is there a way to delete this info from the code??

    9378526538.png

    When using Iframes

    I have also tried this: [iframe]link to pdf[/iframe] That works, and looks great, but I don't want these. Can we delete these?

    Using WPLMS way of embedding.

    I don't like the styling. It's a full width grey navigation bar and a small PDF. Can we change any of that?

    When using PDF Embedder Pro

    Someone talked about this issue and had to enable Ajax in course unit load. I already have that box ticked, meanign I have it blocked????? But that didn't fix it for me. But this person was also adviced to use bottom code. I tried that, didn't work.

    Please help!

    add_action('wp_footer','load_js_unit_traverse');
    function load_js_unit_traverse(){    ?>    <script>    jQuery(document).ready(function($){        $('.unit_content').on('unit_traverse',function(){            $('.unit_content').init();         $('body').find('.course_progressbar').on('increment',function(){                       location.reload();         });                   });       $('.course_lesson').on('click',function(){        $('.ajax-popup-link').trigger('click');    });
    });    </script>    <?php
    }
    
  • [deleted] replied

    Well we tried to integrate the pdf embedder plugin but it did not worked properly as you said . 

    i put three - four hours on it overall . 

    You also took support from us on the css of wplms pdf embed and I would recommend you to use our pdf embed .

  •  12
    MeesterGijs replied

    I know, I'm very annoying. it's just that I can't figure it out how to make the embedded pdf's look. It wan it to be nice and clean, easily accessable and easy to read. I'll ask some help elsewhere and I will give it some time to think about.

    Thank you so much for helping. You know I really appreciate all your wonderful contributions to my website. Wouldn't be this far without all your help. I'm thinking Veronica, Logan, etc. Everyone. So thanks.

    Have a great evening.

    Gijs

  • [deleted] replied

    Im sorry I dont mean to sadden you .Was asking politely .

    Apologies if I hurt you , but I put every effort to make the premium pdf embed plugin work there . 

    I will again try it . 

    Yes I know our pdf embedder is not nice but we focused on securing the pdf to download with it . 


  •  12
    MeesterGijs replied

    Oh, don't say sorry! You guys are amazing. I've learnt so much from you guys and received tons of advice, code and tips. Couldn't have done it without you.

    And about the PDF Embedder plugin. I've tried it a couple of times now... But it seems to be working!! No longer an error with loading. It just loads when it opens the unit. Which is great news!

    So let's close this ticket! And thanks for understanding :)