Display full size image column in Skybow form
Dear Skybow community,
I am beginner in using skybow Add-In
I have an image column in my list and I wonder if it is possible to display this column directly in full size in my Skybow form ? I only can display thumbnail. I know that if I click on the thumbnail a popup open and shows the full size.
I also tried with column Hyperlink or picture but still can't have what I need.
Many thanks for your help.
Best
Soung
Modern Forms for SharePoint and Teams - skybow Add-In
-
Hi TRAN Soung
With latest version of Modern Forms (skybow Modern Forms 1.0.88.0) we released a new Styling/Conditional Formatting feature (Styling & Conditional Formatting introduction) which can be used to style specific parts on your forms - including your image field displayed as thumbnail.In your case just go to the forms editor and create a new Control Style on your image field (in screenshot beow the image field is called "NewImageColumn"):
and add these lines to this at the end of this new created style:
.sb-field-value img {
max-height: none !important;
max-width: none !important;
}
Result on form:0 -
Dear Christophe,
This is exactly what I need.
Thank you .
Best regards,
Soung
0 -
Dear Christophe,
As advice I tried to add the folowing CSS lines but nothing change on the form. I also replace none by some number value without success neither.
Did I miss something ?Any idea ?
Thanks
Regards
Soung
.sb-field-value img {
max-height: none !important;
max-width: none !important;
}0 -
Dear Christophe,
I replace .sb-field-value by .sb-field-input and it works.
Ragards,
Soung
.sb-field-input img {
max-height: none !important;
max-width: none !important;
}0 -
Hi Soung
Yes, it depends on your form type.
On Display-Forms the selector should be: .sb-field-value img
On New- and Edit-Forms the correct selector is: .sb-field-input img0 -
Hi Christophe,
Thank you for that clarification.
By the way is there any document that list selectors / attributs that can be used in the CSS editor ?
Thanks
Soung
0 -
Hi Soung
No, this is kind of standard CSS and skybow custom styling manually added to this css editor - officially supported styles are set by the above controls of the editor.0 -
I have been testing this for a client, and it is not working. Has something changed, or is there something I am missing?
0 -
Dear Julio DeJesus,
on which form type (New, Edit, Display) are you testing it? And are you using the new picture column or the old image/hyperlink column?
Kind regards
0 -
Hello,
I am using the old picture/hyperlink column. I tried using it on the new and display forms using the proper code for each based on the earlier conversation.
0 -
Dear Julio DeJesus,
the old picture/hyperlink column works a little different and you have to add the following style (without the "img" selector)
.sb-field-value {
max-height: none !important;
max-width: none !important;
}this just works on the display form as there is only a text input on the new and edit form to enter a picture url.
Kind regards
0 -
That did it!
Thank you.
0
Please sign in to leave a comment.
Comments
12 comments