Skybow Fields

Kathleen.Coman

• Created December 12, 2019 13:14

My team and I have a form we are trying to build that includes checkboxes, dropdowns, and text boxes. We found that the fields are different widths and heights causing the form to not look aligned. Is there an expression that can be built to make each field the same width and height, no matter the format of the question?

0

• 

  Matthias_Walter

  • December 13, 2019 19:05

  Hi Kathleen Coman,

  we just render the fields out-of-the-box as they are but you could use CSS to achieve this: How can I use CSS styles on my form?

   

  Kind regards

  Matthias

  0
• 

  Kathleen.Coman

  • December 31, 2019 17:56

  Hi Matthias Walter:

   

  We walked through and are still unable to change the size of the input box.

   

  For example, I want the input box for Date Received and the other fields to all be the same width and line up with one another.

   

  Is that accomplished through coding within the Theme Designer?

   

  

  0
• 

  Matthias_Walter

  • January 07, 2020 00:10

  Hi Kathleen Coman,

  you can switch to the CSS mode and e.g. add the following css styles (you might need to extend it or make it more specific):

  .ard-formwebpart span.ms-formbody .ms-input:not([type=button]),
  .ard-formwebpart span.ms-formbody .ms-long:not([type=button]),
  .ard-formwebpart span.ms-formbody select{
   width : 300px;
  }

   

  Kind regards

  Matthias

  0

Please sign in to leave a comment.