Can I use Input table with insert of image?

  • Profile Image
    Moon 
    Asked on December 30, 2020 at 08:26 PM

    Hi


    In reply to below response by Ariel_P,


    Can I disable the coloured text box such that no typing allowed?


    Can I use Input table with insert of image?

    1609377902_5fed286ea9410_

    Thanks.


    Regards,

    Moon

  • Profile Image
    Patrick_R
    Answered on December 31, 2020 at 01:53 AM

    Hi Moon! Please find answers to your queries below:

    - Can I disable the coloured text box such that no typing allowed?

    The colored areas in your screenshots are row labels and these do not allow any typing in it. Only the transparent cells in your screenshot allows typing by the user.

    - Can I use Input table with insert of image?

    Q) Do you wish to show images instead of the labels in your colored label boxes?

    If yes, then this is possible. Please check this form: https://form.jotform.com/203651422321038

    You can specify image path instead of the label texts and that should work (like shown in the above form).

    In case you're referring to something else; then let us know.

    Thank you!

  • Profile Image
    training_CStraining
    Answered on January 01, 2021 at 08:53 PM

    Hi Patrick

    Thank you for your response.

    Yes, I wish to show images instead of the labels in colored label boxes.

    Below are screenshots of the pages, where and how to specify image path instead of the label texts?

    Thanks.


    Regards,

    Moon

    1609551924_5fefd0346f4c1_

    1609552251_5fefd17b06e0f_

  • Profile Image
    gerardw
    Answered on January 01, 2021 at 10:04 PM

    The colored boxes are your input boxes and they can be filled only when you are filling the form.

    If you want to show default images in those colored boxes, you can do that using CSS:

    Here is an example:

    .form-textbox {

      width : 100% !important;

      height : 90px !important;

      border : none;

    }

    #input_258_0_0 {

     background-color: lime;

     background-image : url('https://cms.jotform.com/uploads/image_upload/image_upload/global/125104_download.jpg') !important;

     background-size : 100% 100%;

    }

    1609556654_5fefe2ae88ea7_0201_4.png

    Likewise, you can add the background image and specify the size for each input cell i.e. from #input_258_1_0 to #input_258_9_0.

    Please let us know if this helps.

  • Profile Image
    Patrick_R
    Answered on January 20, 2021 at 02:57 AM

    Hi Moon! Are you reeferring to this form: https://www.jotform.com/build/202534050780447?

    I wasn't able to find a background image set from your domain in the Input Table. Could you please point us to the right direction?

    Awaiting your response.

    Thank you!

  • Profile Image
    training_CStraining
    Answered on January 20, 2021 at 03:13 AM
  • Profile Image
    Patrick_R
    Answered on January 20, 2021 at 05:31 AM

    Hello! I don't think it will work with GDrive URL. This seems to be a limitation implemented at GDrive's end. We can't change it.

    Our apologies for this inconvenience.

    Thank you!

  • Profile Image
    training_CStraining
    Answered on January 26, 2021 at 12:35 AM

    Hi Patrick

    How come OneDrive & DropBox URL does not work too?

    Where to save image to so URL works?

    Thanks.

  • Profile Image
    gerardw
    Answered on January 26, 2021 at 01:45 AM

    Sorry, but as far as I can see, Onedrive, Dropbox and GDrive links won't work here.

    You can upload your image via https://imgur.com/upload or via the Jotform image upload link (https://www.jotform.com/help/image_upload.php), generate the URL, and then use it via the code.