Announcement

Collapse
No announcement yet.

how to add iframe in HTML module

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • how to add iframe in HTML module

    HI, I'm trying to add this code into a HTML module on the forum homepage , just for test:

    <IFRAME WIDTH=100% HEIGHT=300 SRC="http://www.vbulletin.com"></IFRAME>
    I don't see anything is I use a desktop, I see the vbulletin page if I use a smartphone.
    Where is the problem ?
    Thanks
    Arturo

  • #2
    Check the "Display Options" on the module. There are three... Small (phones), Medium (tablets), and Large (most desktops and laptops).

    You can see these by editing the module in Site Builder.
    Translations provided by Google.

    Wayne Luke
    The Rabid Badger - a vBulletin Cloud demonstration site.
    vBulletin 5 API - Full / Mobile
    Vote for your favorite feature requests and the bugs you want to see fixed.

    Comment


    • #3
      Thanks for answer. Here in attachement what I see in Site Builder. Everything seems OK. I think something odd happens. In fact, when I connect the forum for the first time with the browser (chrome) on my desktop, I see the iframed page, but I'm not able to login the forum. When I go to the top right to login, the input boxes (username , password) do not appear ! To login, I have to switch to blog. But, when I'm logged in the forum, I don't see anymore the iframed page. Anyway, I'm testing with a demo forum: https://42c97c32fb9b-037935.demo.vbulletin.net/ Can this be the cause?
      Attached Files

      Comment


      • #4
        I am not sure what is happening. Would need to be able to see the configuration of the page as a whole.

        Depending on what code you're using in the iFrame, it may conflict with the other code in the login iFrame.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API - Full / Mobile
        Vote for your favorite feature requests and the bugs you want to see fixed.

        Comment


        • #5
          Originally posted by ik7jwy View Post
          I don't see anymore the iframed page. Anyway, I'm testing with a demo forum: https://42c97c32fb9b-037935.demo.vbulletin.net/ Can this be the cause?
          I think something is wrong with the redirect http to https., In the http version it works.

          Comment


          • #6
            Your source would need to be https to work with https. Anything else is considered insecure.
            Translations provided by Google.

            Wayne Luke
            The Rabid Badger - a vBulletin Cloud demonstration site.
            vBulletin 5 API - Full / Mobile
            Vote for your favorite feature requests and the bugs you want to see fixed.

            Comment


            • #7
              Many thanks, guys. I fixed the problem by changing the iframed URL from http to https.
              Another question: now I see the iframed page into the forum, but it's not responsive. Do I have to change anything in the iframe code or in the iframed page ?

              Comment


              • #8
                Your iframe code would need to be responsive. It is very difficult to make tables responsive.
                Translations provided by Google.

                Wayne Luke
                The Rabid Badger - a vBulletin Cloud demonstration site.
                vBulletin 5 API - Full / Mobile
                Vote for your favorite feature requests and the bugs you want to see fixed.

                Comment


                • #9
                  Why can I see in a responsive manner the webpage (https://www.iz5cml.it/dxschedule.htm) if on its own, but not the same page if iframed into the forum ?

                  Comment


                  • #10
                    It isn't really responsive. It is shrunk down to fit the screen size but the actual content isn't legible. This is most likely done by the browser on the mobile device. Responsive would mean that the content is legible and reformatted to fit the device.

                    An iframe is a separate browser window within an html document. You have to treat it as such to have the same "shrinking" behavior. You have the width set to 100% so it will use 100% of the available width. You have the height hardcoded to 300 pixels. So it will never resize to be less than 300 pixels tall, this means that the width will be larger than your available space. With modern websites, you should control this with CSS and not hardcode these values in the iFrame. You may need media queries to change the size based on the size of the device.
                    Translations provided by Google.

                    Wayne Luke
                    The Rabid Badger - a vBulletin Cloud demonstration site.
                    vBulletin 5 API - Full / Mobile
                    Vote for your favorite feature requests and the bugs you want to see fixed.

                    Comment


                    • #11
                      ok, thanks for help.

                      Comment

                      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                      Working...
                      X