- aprpacAsked on May 06, 2015 at 06:11 PM
Please could you allow the line (square) that marks around the selected image to be configurable in both colour and thickness. I think currently the selected image does not stand out enough.
- JotForm SupportjonathanAnswered on May 06, 2015 at 09:54 PM
Can you please confirm first that you meant the border box around the selected image in the image picker widget..
Example in your jotform http://form.jotformpro.com/form/51256391670961
it seems it is very much possible using custom injected CSS code like this
Please confirm first if that was what you were looking for and we will check for the correct CSS code to achieve it
- aprpacAnswered on May 07, 2015 at 04:32 AM
Yes that is exactly what I want to do. Please advise the CSS code.
- SammyAnswered on May 07, 2015 at 08:55 AM
Regarding changing the border around the selection image I'm afraid the changes will not apply to the image picker widget, this is because the widget is rendered within in it's own iframe, and elements within an iframe are not affected by the main page styling.
I have opened a feature request ticked to allow the addition of custom CSS within this widget.
- aprpacAnswered on May 07, 2015 at 12:28 PM
Ok thanks. Please can you let me know when this feature is available.
- JotForm SupportjonathanAnswered on May 07, 2015 at 12:33 PM
We have already submitted a feature request ticket for the feature.
We will notify you here for any updates/news on the status of the feature request when available.
- aprpacAnswered on May 07, 2015 at 01:23 PM
Just a thought for your developers when they are looking at this. It would be a good idea if the widget would also optionally apply an opacity mask (say 50%) over the top of the other images (non-selected)
- JotForm SupportdavidAnswered on May 07, 2015 at 01:57 PM
Your additional information regarding this request has been noted. Though I cannot say when this will be addressed, we will let you know as soon as we have any further information.
- JotForm SupportTitusNAnswered on September 04, 2015 at 03:52 AM
You can now modify the images using the Custom CSS tab in the widget settings:
You can paste in the following code into the Custom CSS box to utilize opacity:
If you need assistance with styling the widget further - please let us know -
- CashAngelsAnswered on January 25, 2016 at 09:40 AM
how do you add a custom css field to an image? i know how to add it to the form, but how do you add it to an image?
- CarinaAnswered on January 25, 2016 at 10:29 AM
@ CashAngels your question will be answered here:
Please avoid opening several threads regarding the same situation.