How can I hide the entry box in a Spreadsheet to Form Widget ?

  • Synedia
    Asked on August 6, 2018 at 12:47 PM

    Hello,

    my goal is to calculate pricing using an XLS sheet.

    After testing lot of different solutions, I found that the easiest way was Spreadsheet To Form Widget.

    But I would like to hide it from the user.

    And so only have the button showed.

    Jotform Thread 1545835 Screenshot
    Page URL: https://form.jotformeu.com/Synedia/02-rbf-pricing
  • AshtonP
    Replied on August 6, 2018 at 1:33 PM

    I hope you are trying to disable the text box entry field in the Spreadsheet to form widget. You just want to have Calcul button visible and not the text box above. 

    If that's the case, then copy the below CSS code in your Spreadsheet to form widget Custom CSS settings. 

    .input-box {

        display: none;

    }

    This is how it looks after entering the code. 

    64181 input disable Screenshot 10

    Please injecting custom CSS to Widgets is different than injecting it to the form designer. Please refer to the article "How to inject CSS Codes to Widgets"

    I hope this helps, let us know if you need further information.

  • Synedia
    Replied on August 6, 2018 at 2:31 PM

    Thank you AshtonP, it works perfectly!

    I have another issue with this widget. I couldn't make the calculation work for it, I finally create another form and use the prepopulate function to make it work.

    If you have an idea ?


    Thanks again !


  • Elton Support Team Lead
    Replied on August 6, 2018 at 2:59 PM

    We will answer your other question here https://www.jotform.com/answers/1546021