Skip to main content

Search

Display full size image column in Skybow form

Comments

7 comments

  • Christof Nussbaumer

    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 introductionwhich 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
  • TRAN Soung

    Dear Christophe,

    This is exactly what I need.

    Thank you .

    Best regards,

    Soung

     

     

    0
  • TRAN Soung

    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
  • TRAN Soung

    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
  • Christof Nussbaumer

    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 img

    0
  • TRAN Soung

    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
  • Christof Nussbaumer

    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.