On Suite R and Suite P, rows in the listviews and subpanels are vertically aligned to the middle of each line. In subpanels and listviews where the row data only occupies one line, the data is easy to read. However, if a field occupies several lines, it would be better to align the data to the ‘top’ instead of ‘middle’.
I’ve been trying to identify without success which file or files contain the definition for vertical alignment of subpanels and listviews. Can someone please point me in the right direction?
Thanks,
I.
I don’t think the vertical align is “centered” in List Views, only in subpanels.
On SuiteR the style seem to be defined in style.css, line 416
.list tr td {
vertical-align: middle;
padding: 3px 8px 5px 5px !important;
}
You can change that “middle” to “top”. I hope you know how to customize a Theme - copy the files into the custom directory etc. You can look it up in Google.
1 Like
pgr,
Your answer led me in the right direction. After investigating further, I even learned how to use the Inspect option in Chrome and Firefox to identify, locate and work with the Style definitions. I even figured out how to decrease the spacing of rows in the list views and subpanels.
For the moment, I have not created an custom theme but I did learn how to create one.
Thank you very much!
I’m glad you’re learning as you go along. The browser’s inspect window is a great way to learn CSS and experiment.
You can customize the theme without having to create a new theme. You just edit the files you need in the custom folder.