Limiting Gift Registry widgets width using CSS - NEW PROBLEM - can't save CSS instructions!

  • Profile Image
    guineapigme
    Asked on December 29, 2014 at 04:47 PM

    gift registry - need to shrink overall widget

    I would like to have 3 gift registry widgets on the same line.   I have used the width adjusters to minimize the actual gift registry element and have 2 of them on the same line.

     

    The frame around the widget seems to prevent a third one from going onto the line.   Is there a way I can shrink the overall widget to allow this.   I am ok with reducing the font size and boxes within the widget themselves.

    There is space with respect to the actual gift registry element, but the edit frame around the widget seems the limiter and I am not sure if adjusting the elements within the gift registry would affect the frame shrinkage.

     

    Sorry if there are duplicate tickets on this, sometimes my tickets seem to disappear.

     

    http://submit.jotform.us/form.php?formID=43600351273142&sid=295676165081767239&mode=edit

    Thanks,

     

    Deborah

      

  • Profile Image
    Mike
    Answered on December 29, 2014 at 05:35 PM

    Please try injecting the following CSS to your form in order to set the exact width for your gift registry widgets.

    #id_127, #id_130, #id_131 {
    width: 215px;
    }

    Here is an example with CSS injected via the Form Designer.

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

  • Profile Image
    guineapigme
    Answered on December 29, 2014 at 08:36 PM

    Great, that worked, but I don't seem to be able to save it.  When I go back to look at my form it is the old form.   I did press the disk picture (save) and now have the choice to view or go back to builder.

     

    Going back to builder shows the previous layout.

    ?

    The changes appear to be saved, but back in the Myforms menu and Edit Form (current rev) does not show these changes.

     

    Deborah

     

  • Profile Image
    Welvin
    Answered on December 30, 2014 at 09:29 AM

    Hi Deborah,

    How about viewing the embedded form or through its direct link? http://www.jotform.us/form/43600351273142. I see it's updated and custom CSS codes are added to it. Kindly check and let us know if the changes are not present to your end.

    Thanks

  • Profile Image
    guineapigme
    Answered on December 30, 2014 at 07:08 PM

    There seems to be a bug in the gift registry widget that Jotform is looking at ... to workaround,

    I would be happy to use the simple checkbox widgets but also would like 3 of these to fit on a line.

     

    If I delete the existing widgets and reinsert the simple checkbox lists (3 of them), will the existing CSS code still provide for them to fit on one line?   I tried cloning my form to check but it did not seem to impact the widgets.  i was left with my old issue, 2 on one line and the other on the next.

     

    Please advise, I would like to have use the simple checkboxes as a workaround for the gift registry bug, which I was only using a checklist because the original checklist had too wordy an output in the submission form.  I am assuming that the simple checklist output will be just a list of the checked items (which is all I wanted in the first place).  

    Thanks,

     

    Deborah

      

  • Profile Image
    ashwin_d
    Answered on December 30, 2014 at 10:57 PM

    Hello Deborah,

    Upon checking your form with its direct URL, it does reflect the changes of injected custom css code. You may like to clear your browser cache and see if that solves your problem.

    If you replace your widget with simple check box questions, the custom css code shared by my colleague will most likely not work if the ID number of the field gets changed.

    Though this is a related question but still a new one on how to position all the 3 check box questions next to each other. I have moved your question to a new thread and you will be answered here:  http://www.jotform.com/answers/485372 

    Thank you!