How to make a textbox field with no background color?

  • Auerehuus
    Asked on August 19, 2018 at 2:03 AM

    I'm looking for an text field with no white background. The user should have just an information about the price "Preis pro Kind in CHF", I changed the options from the field of "read only". How can I change the background color just from this field, not from all text forms in my jot form? Do you now a CSS Code?

  • Kiran Support Team Lead
    Replied on August 19, 2018 at 7:48 AM

    I understand that you want to make the field 'Preis pro Kind in CHF' transparent. As I check your JotForm, I see that you have already added some CSS code to make the form and the field transparent. However, please try changing the input_53 from class to ID as shown below:

    .supernova, .jotform-form, #input_53 {

      background-color: transparent !important;

    }

    Hope this information helps! 

  • Auerehuus
    Replied on August 19, 2018 at 1:24 PM

    thank you for your help. Do you now how i can do the frame also transparent?

  • Mike_G JotForm Support
    Replied on August 19, 2018 at 1:31 PM

    We will be glad to help you with your concern, however, we may need to ask for clarifications.

    May we know what frame in your form are you referring to, please?

    If possible, can you share with us a screenshot? — How-to-Post-Screenshots-to-Our-Support-Forum

  • Auerehuus
    Replied on August 19, 2018 at 2:07 PM

    I mean the border frame from the field "Preis pro Kind in CHF" as you can see in my form.

  • Mike
    Replied on August 19, 2018 at 2:21 PM

    You may add the next CSS to remove the border around the input:

    #input_53 {
    border: none !important;
    box-shadow: none !important;
    }

    How to make a textbox field with no background color? Image 1 Screenshot 20

    If you need any further assistance, please let us know.

  • Auerehuus
    Replied on August 19, 2018 at 2:40 PM

    awesome Mike, that's perfekt for this case.

    I have another question: The problem is when I use "Preis pro Kind in CHF" the number is a little bit deeper then the text. What is your proposal for this function because I want wo give an text information about the total price. Would you take a text field as I have it now in my form with "Preis pro Kind in CHF" or would you take another field, perhaps text field? 

  • Mike_G JotForm Support
    Replied on August 19, 2018 at 2:54 PM

    In my opinion, it would be easier if you just add a Text (HTML) Field in your form and do what is shown in the screenshots below.

    1534704491t14 46 07 Screenshot 10

    After that, hide the "Preis pro Kind in CHF" — How-to-Hide-Form-Fields

    1534704698t14 50 40 Screenshot 21

    As a result:

    1534704878t14 53 54 Screenshot 32

  • Auerehuus
    Replied on August 19, 2018 at 3:22 PM

    That's great Mike, thank you very much, that helps me a lot.

  • Auerehuus
    Replied on August 19, 2018 at 3:48 PM

    Is it possible including the names from the infinite list into Text (HTML) Field? The result would be: "Preis für Andreas ist CHF XXX"

  • Mike_G JotForm Support
    Replied on August 19, 2018 at 4:19 PM

    I would like to apologize. I'm afraid that is not possible to get the names from the Infinite List widget to show in Text (HTML) field.

    If the "Count Rows?" option of the widget is enabled, 

    1534709799t16 10 44 Screenshot 10

    it will return the number of rows there is in the widget.

    And, if that option is disabled, then the output is like this:

    1534709943t16 18 33 Screenshot 21