Gift Registry Widget: Frame does not widen when adjusted

form 261553459784167

Try to widen all the gift rigistry widget.. but does not work..

Hi stormingrobots,

Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

Let me help you with that:

The information available only explains what the Gift Registry widget does and how to add and configure its items and quantities, but it does not include any details about changing or widening the widget’s frame or width.

Because of that, I do not have any confirmed steps or settings I can share to reliably change the width of the Gift Registry widget on your form, including for form ID 261553459784167.

I don't know this information and our support team will handle your request.

Reach out again if you need any other help.

any human help ?

Hi stormingrobots,

One of our Support Team members will take it from here to follow up shortly.

Let us know if you have any other questions.

it has to be a way widen the whole frame of a widget.

Hi stormingrobots,

You can widen the whole frame of your Gift Registry widgets by Injecting CSS Codes into your form. Let me show you how:

1. First, copy this code:

#id_15,

#id_17,

#id_44,

#id_23,

#id_24,

#id_25,

#id_15 .form-input-wide,

#id_17 .form-input-wide,

#id_44 .form-input-wide,

#id_23 .form-input-wide,

#id_24 .form-input-wide,

#id_25 .form-input-wide,

#id_15 [data-component="widget-field"],

#id_17 [data-component="widget-field"],

#id_44 [data-component="widget-field"],

#id_23 [data-component="widget-field"],

#id_24 [data-component="widget-field"],

#id_25 [data-component="widget-field"] {

  width: 100% !important;

  max-width: 100% !important;

}



#customFieldFrame_15,

#customFieldFrame_17,

#customFieldFrame_44,

#customFieldFrame_23,

#customFieldFrame_24,

#customFieldFrame_25 {

  width: 100% !important;

  max-width: 100% !important;

  min-width: 100% !important;

}

2. In Form Builder, click on the Paint Roller icon on the upper-right side of the page.

3. Then, in the Form Designer menu on the right, go to the Styles tab.

4. Finally, paste the CSS code into the Inject Custom CSS code field.

Just note that the custom CSS I provided doesn’t include the Gift Registry widgets that are placed side by side with other Gift Registry widgets, since applying the same width settings to them will affect their column layout. Check out the results:

Let us know if you have any other questions.