How can I increase the size of the images inside the DDSlick Dropdown Widget?
-
mbewleyAsked 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.
-
JimAnswered on January 02, 2019 at 03:06 PMJotform Support Manager
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
-
JimAnswered on January 02, 2019 at 05:43 PMJotform Support Manager
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 BewleyAnswered 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_CAnswered 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 BewleyAnswered 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!
-
JimAnswered on January 07, 2019 at 12:48 PMJotform Support Manager
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.