Suggestion: compact custom columns bootstrap layout for Book details page

[horus68]

This is more a suggestion then a fix sharing my unfinished code and looking for better solutions!

I use several custom columns but when using the Bootstrap theme in the book details page the labels are shown in one line and the values in a new line (all kind of fields) resulting into a long screen

The actual code in \templates\bootstrap\bookdetail.html is https://github.com/seblucas/cops/blob/f65537cdc6f11e135fdc0fbfcaf05524f63ec667/templates/bootstrap/bookdetail.html#L66-L68

    <p>
        <h4>{{=column.customColumnType.columnTitle}}: </h4>{{=column.htmlvalue}}
    </p>

So you will end up with a long screen to be able to see all the custom fields

Possible solution:

I'm now considering removing the H4 for a bold or italic tag so the values will appear in the same line and reducing vertical windows size

    <p>
        - <b>{{=column.customColumnType.columnTitle}}: </b>{{=column.htmlvalue}}
    </p>

Now each column uses a single line (exception are the long text fields type that continues to use 2 lines!) so the same window size now display more custom columns:

This is a more compact look saving me scrolling time to see those technical fields.

Note: the normal template already display labels and fields in the same line: