How do I change border colors when creating table?

  • dynamicevidence
    Asked on September 14, 2015 at 6:46 PM

    I'm adding a new email and creating a table  It has worked fine before (the table looks a little 3D when I receive the email), but now there are no borders and when I go under cell properties to add color to the border nothing happens.  Is there a special way to add color to border?  I"m just writing black or grey in the text box.

     

    Thanks!

    Haydee

  • beril JotForm UI Developer
    Replied on September 15, 2015 at 3:03 AM

    Hi,

    It is possible to change the border color with CSS.

     

    Here is how to do this:

    1) Click on Setup & Embed.

    How do I change border colors when creating table? Image 1 Screenshot 50

     

    2) Click on Designer.

    How do I change border colors when creating table? Image 2 Screenshot 61

     

    3) Click on CSS.

    How do I change border colors when creating table? Image 3 Screenshot 72

     

    4) Copy & paste the code below on CSS.

    .form-textbox, .form-textarea, .form-dropdown {

       border: 1px solid #979185;

    }

    How do I change border colors when creating table? Image 4 Screenshot 83

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Amber
    Replied on September 15, 2015 at 4:36 AM

    I think Haydee is referring to the borders of tables within the notification emails, not the form itself.

  • beril JotForm UI Developer
    Replied on September 15, 2015 at 9:58 AM

    I am sorry for misunderstanding. You can change the border of table with JotForm.

    Here is how to do this:

    1) Click on Emails.

    How do I change border colors when creating table? Image 1 Screenshot 80

     

    2) Click on your Notification.

    How do I change border colors when creating table? Image 2 Screenshot 91

     

    3) Click on source code.

    How do I change border colors when creating table? Image 3 Screenshot 102

     

    4) Change the value of border of table with “2” and click on OK.

    How do I change border colors when creating table? Image 4 Screenshot 113

    How do I change border colors when creating table? Image 5 Screenshot 124

     

     

    Here is how it works:

    How do I change border colors when creating table? Image 6 Screenshot 135

    How do I change border colors when creating table? Image 7 Screenshot 146

     

    If you have any question or issues,  please do not hesitate contacting us. We will be glad to assist you.

  • dynamicevidence
    Replied on September 15, 2015 at 2:42 PM

    Thank you!  I will give that a try.

    Haydee

  • Welvin Support Team Lead
    Replied on September 15, 2015 at 5:11 PM

    You're welcome. Let us know if you need help with it.

    Thanks