I need to create a electronic christimas tree

  • Profile Image
    pubdef4g5vy
    Asked on December 07, 2020 at 07:13 PM

    Hello,

    Every year our office donates gifts to kids. We usually have a Christmas tree and a list of about 30 kids and a list of the gift card options. This year we would like to do an electronic Christmas tree and have the gift card options on a page where people can select which gift card they would like to purchase/sign up to buy.

    So, I need a CSS code for a digital Christmas tree with lights. Then I need a grid where I can publish the gift card options for people to select from. It needs to show which ones are available and already taken. Kind of like your new appointments grid that show which appointments are taken and still available.

    Thank you!

  • Profile Image
    JohnRex
    Answered on December 08, 2020 at 12:01 AM

    So, I need a CSS code for a digital Christmas tree with lights.

    This would require custom HTML codes to be added which is not allowed in the form. So I would recommend creating the Christmas Tree on an external webpage, then just embed it to the form using iframe embed widget.

    For example, I will embed this page: https://shots.jotform.com/johnrex/digitalxmastree/dist/index.html to my form using the widget:

    1607403548_5fcf081cce715_

    Then I need a grid where I can publish the gift card options for people to select from. It needs to show which ones are available and already taken. Kind of like your new appointments grid that show which appointments are taken and still available.

    You can use the TICKET PURCHASES widget for this requirement. This widget is a checklist of different types of tickets, with a counter that tells your form users how many tickets are available before they get sold out.

    Here's a demo form: https://form.jotform.com/203418517147050

    You may clone it so you could inspect the form in build mode. Here's a guide on https://www.jotform.com/help/42-how-to-clone-an-existing-form-from-a-url