Visually separate records using the field editor?

  • 1
  • Question
  • Updated 1 year ago
  • Answered
I want to show multiple records using the field editor and I want to visually separate the records for ease of editing. For example, we are using a field editor to build a view of our faculty at our school with fields for their professional experience, education, etc.. I would like to see all of the fields for one faculty member and then have a visual space before I see the fields associated with the next record. Any idea how to create a visual space between one record and the next?
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb

Posted 1 year ago

  • 1
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
Put the field editor in a wrapper and add bottom border.
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
The field wrapper wraps all the records together as one. So any boarder go around all of them as if they are one unit. I want to see each record separated. 
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb
Hmmm ... I assumed it would put each field in a wrapper. Curious to see if the deck component suggestion works.

Alternatively, you can assign a class to the field editor and set the CSS styling.
Photo of Adam Edmonds

Adam Edmonds

  • 454 Points 250 badge 2x thumb
I would recommend trying the following:
1) Add a deck component selecting the main model.
2) Add a field editor to the deck component selecting the main model.
3) Set the context on the field editor to Id = Id.


Keep in mind you can adjust minimum card width on the deck component to adjust how the field editors fill up the screen.
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
It is the "responsive grid" component? 
This page is not a param page set to a single id. 
We want to see numerous records in one object, not just a single record for one page. 
Photo of Anna Orias

Anna Orias

  • 1,468 Points 1k badge 2x thumb
Humm, maybe I am not on the latest version of skuid? Where is the deck component?
Photo of Adam Edmonds

Adam Edmonds

  • 454 Points 250 badge 2x thumb
It is under the Data Section of the components.  Deck Component on the left and Sample Deck/Field Editor on the right in the screenshot.