• Home
    • Pugpig Bolt
    • Bolt apps
    • Timelines
    • Timeline cards

    Inline HTML card

    Written by Benji Weiser

    Updated at February 1st, 2024

    • Pugpig Bolt

      • Pugpig Site

        • Pugpig Archive

          • Working with Pugpig

            • Pugpig Consulting

              Table of Contents

              Configuration

              Inline HTML cards allow you to put your own HTML content into your timeline. They're similar to iframe cards, but instead of a whole page, they show specifically written HTML. You can either use a WYSIWYG editor, or an HTML text editor.

              Configuration

              WYSIWYG editor on the Inline HTML card page in Express
              Output of the configuration on the left

              Often we create Inline HTML cards automatically in importers.

              It is important to note that the following should apply to all markup supplied.

              • Scripts are not allowed. They will not execute in app.
              • The CSS needs to be name spaced. Ideally one should write class names on the markup and then specifically target those classes with the CSS. Any generic CSS will affect anything below the HTML card in the timeline.
              • URLs need to be fully qualified. /fun-image.png will not work in app but https://www.pugpig.com/fun-image.png will work.
              inline card html card

              Was this article helpful?

              Yes
              No
              Give feedback about this article

              Related Articles

              • Iframe card
              • Event card
              • Google ad card
              • Article card
              pugpig logo white
              Navigation
              • Products
              • Customers
              • News
              • Podcast
              Contact
              • Contact us
              • LinkedIn
              • Twitter
              Technical Support
              • Status Page
              • Documentation
              • Customer Support
              Corporate
              • Company
              • Jobs
              • Privacy Policy

              © Kaldor Ltd. 2022

              Powered by Pugpig


              Knowledge Base Software powered by Helpjuice

              Expand