What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Edit Widget source code

    Asked by chrispp10 on February 04, 2016 at 09:47 PM

    Hey hope everyone is well 

     

    This may be a little difficult to do but I was wondering if it is possible to edit a source of a widget 

    reason being I am ticket purchases widget and it works perfectly !

    The only problem that one of my users encountered was that after you select an item it does not tell you select it until after you move the mouse away from the selected item

    So I know its just mouse event that needs a little tweaking

    Is it possible to go in and edit the code and tell it to show the selected item even when the mouse it still hovering over it 

    I pasted a picture to show what I am taking about 

    Here is also a link to my form

    https://form.jotform.com/60315059470148

     

     

     

    source edit widget JotForm problem uploads
  • Profile Image
    JotForm Support

    Answered by Chriistian on February 05, 2016 at 02:54 AM

    You can make edits to the code of your form by getting the full source. Here's how: How to get the Full Source Code of your Form

  • Profile Image

    Answered by chrispp10 on February 08, 2016 at 11:44 AM

    Do you know the css code to add into the ticket purchase widget to allow this to happen (what i refereed to above )  

  • Profile Image
    JotForm Support

    Answered by BJoanna on February 08, 2016 at 01:50 PM

    I did some tests and checkbox item is actually image. It is possible to achieve what you are looking for by injecting custom CSS inside of Ticket Purchases widget Custom CSS field. Please add this CSS code:

    .checklist li.hover label .before{

    background: url(https://data-widgets.jotform.io/giftRegistry/img/check.png) center center no-repeat!important;

    display:block;

    }

    .checklist li.hover label .after{

    background: url(https://data-widgets.jotform.io/giftRegistry/img/check.png) center center no-repeat!important;

    display:block;

    }

    However this code will replace images even when you hover over some checkbox option without selecting it. 

    Here is my demo form: https://form.jotform.com/60384937552968 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by chrispp10 on February 08, 2016 at 02:10 PM

    Thanks that works perfectly 

     

    I

    s there a way when the max is 1 and the min is 1

    is there a way to make it auto deselect when you click on another choice instead of you having to deselect your previous choice and reselect the new one ?

  • Profile Image
    JotForm Support

    Answered by BJoanna on February 08, 2016 at 03:23 PM

    I am glad to hear that CSS code I provided works.

    I have moved your other question to separate thread and we will provide you an answer there shortly. 

    http://www.jotform.com/answers/767296 

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 08, 2016 at 08:02 PM

    @chrispp10,

    Seems like your answer did not reach this thread, please post your reply here: http://www.jotform.com/answers/765165.