How to remove styles associated with a jotform once we clone it?

  • audabee
    Asked on March 11, 2015 at 6:05 AM

    I want to clone a form to just get the fields - I don't want the formatting (which I can't get rid of despite trying to use several themes).

    Is there a way to remove formatting etc to just get a bare bones form?

    thanks,

  • Ben
    Replied on March 11, 2015 at 10:42 AM

    This depends on the jotform that you have cloned, but if it has no theme applied to it, then you can simply remove all CSS code in it.

    You can see the CSS code by following these steps: Inject Custom CSS Codes

    Now if you have cloned the jotform with a theme then you would need to apply some other theme to get rid of the old one.

    Do let us know how it goes.

  • audabee
    Replied on March 11, 2015 at 5:19 PM

    Hi Ben

    I'm not having much luck when I apply other themes. I end up with a mix of both - there seems to be some "leftovers" in backgrounds etc. I've tried using the theme editor and the lovely new themes. 

    I might just have to duplicate it - it's not that big.

    thanks,

  • Ben
    Replied on March 11, 2015 at 5:49 PM

    I am sorry to hear that and I understand that while this jotform might not be long and hard to manually clone, that you might want to do so with some long form in the future so I will raise this to our developers to inspect and see if there can be done something about that for you.

    Could you please just let us know of the jotform so that we can check it out just in case and raise the issue to our developers if needed?

  • audabee
    Replied on March 11, 2015 at 6:08 PM

    Thanks Ben. 

    The form I was trying to clone was http://www.jotformpro.com/form/40856071299967

    When I tried the groovy themes (nice!), at the least I ended up with an bit of "denim" square in the top centre of the form. When I used the editor, I just couldn't get rid of the denim look at all.

    Just FYI, I've created a plain version of my form which I'll use in the future to clone and then apply the theme etc to the copy. Easy peasy!

  • Ben
    Replied on March 11, 2015 at 6:23 PM

    That is clever way of doing it ;)

    Now I cloned your jotform and tried removing everything and it looks like this: http://form.jotformpro.com/form/50696986476982

    Could you please tell me if that is the original look that you were looking for? If so I would be happy to share how to do it as well.

  • audabee
    Replied on March 11, 2015 at 10:30 PM

    That's it yes, Ben. The fonts etc are easily changed.  I'd be interested to know how you did it, thanks!

  • Charlie
    Replied on March 12, 2015 at 3:57 AM

    Hi,

    Could you try the following.

    1. In preferences you can do the following:

    How to remove styles associated with a jotform once we clone it? Image 1 Screenshot 20

    Click the "Save" button to save the changes. You can then clear your form's cache for the changes to show: http://www.jotform.com/help/229-How-to-Clear-your-Form-Cache

    Reload the page and see if the design is in default or plain. I've cloned the form above and reset the changes. You can find it here: http://form.jotformpro.com/form/50701387039959?. You can also clone this plain form using this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    I hope this helps.

    Thank you.

     

  • audabee
    Replied on March 12, 2015 at 3:59 AM

    Ben and Charlie - many thanks for the time you've spent explaining this. It's an enormous help and I very much appreciate it.

    Thank you again!

  • Charlie
    Replied on March 12, 2015 at 9:41 AM

    In behalf of me and my colleague Ben, you are welcome.

    If you need any assistance again please do feel free to contact us again.

    Kindest regard.