Skip to main content

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?

Put the field editor in a wrapper and add bottom border.
0284bc547b917514fe9012bed24973d12ae49be9.jpg


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. 


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.


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.


Humm, maybe I am not on the latest version of skuid? Where is the deck component?


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.



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.