Styling Question - Is there a way to move the Field Description above the input field?

Joerg_K.

• Edited April 19, 2024 06:06

I am looking if there is a way to move the Field Description above the Input of a field.

Per standard the order is

1. Title
2. Input
3. Description

But for a single field I like to reorder to

1. Title
2. Description
3. Input

Can this achieved by using the Styling feature and CSS?

Kind regards and many thanks for your help

Cheers
Joerg

0

• 

  Joerg_K.

  • July 19, 2024 06:23
  • Edited

  No one ? skybow Support or skybow Consulting ?

  0
• 

  Matthias_Walter

  • July 19, 2024 10:44

  Hi Joerg_K.,

  you can achieve that by using the CSS option display:flex as shown below.

  This is tested on a NewForm for a Single line of text field. It might be a bit different for other field types as the html structure is different.
  This is the source of my solution: https://stackoverflow.com/questions/220273/how-can-i-reorder-my-divs-using-only-css

  Just add a new style on the field like this:

  

  .sb-field{
    display: flex;
    flex-direction: column;
  }
  .sb-field > div:not([class]){
    order: 3;
  }
  
  .sb-field-label {
    order: 1;
  }
  
  .sb-field-desc {
    order: 2;
  }

  Kind regards
  Matthias

  0
• 

  Joerg_K.

  • July 19, 2024 11:29

  Thank you Matthias_Walter works fine when looking at the form, at the editor it's wired, but the result counts.

  0

Please sign in to leave a comment.