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
Please sign in to leave a comment.
Comments
7 comments