How can I increase the size of the images inside the DDSlick Dropdown Widget?

mbewley
Asked on January 02, 2019 at 01:37 PM

Could someone assist me with the following...

I want to make images/animated gifs appear larger (150px max width) anytime I add images using the "ddSlick Dropdown" widget.

Once selected from the ddSlick Dropdown, I want images/animated gifs to display larger (150px max width).

Perhaps there's is CSS code I can add?

Thank you in advance for your time and assistance.

Page URL:
https://form.jotform.com/83325746446160
Jim

Jotform Support Manager

Answered on January 02, 2019 at 03:06 PM

Hey @mbewley - You're right, you can use CSS to adjust the size of the images. Inject these CSS codes to each and every DDSlick widget in your form. These will be pasted in the CUSTOM CSS tab of each widget:

.dd-option-image {

max-width: 150px !important;

}

Complete guide: How-to-Inject-CSS-Codes-to-Widgets
Jim

Jotform Support Manager

Answered on January 02, 2019 at 05:43 PM

Ah, you're right, the selected image is smaller. Please change the previous codes I sent and replace them with these:

.dd-selected-image, .dd-option-image {

max-width: 150px !important;

}

These CSS classes should take care of both the options inside the dropdown and the selected image.
Michael Bewley
Answered on January 02, 2019 at 09:48 PM

That worked with the image for both the dropdown and selection, but now the text is not wrapping once the image is selected.

Thank you again for your continued assistance as it is GREATLY appreciated!!!

Regards,

Mike
Nik_C
Answered on January 03, 2019 at 01:40 AM

I tested this issue, but I wasn't able to replicate it:

Did you try testing it on the actual device?
Michael Bewley
Answered on January 03, 2019 at 07:15 AM

I did not. Pretty foolish of me-- sorry!

It works flawlessly. Thank you both for your help!
mbewley
Answered on January 07, 2019 at 11:30 AM

This is weird...

Now the text is NOT wrapping. I tried it on my phone too (see screenshot)

Your assistance is greatly appreciated!!!???
Jim

Jotform Support Manager

Answered on January 07, 2019 at 12:48 PM

Since the original question in this thread is already resolved, I moved this discussion to a separate thread to avoid confusion:

https://www.jotform.com/answers/1692071

I'll reply there shortly.