Below is an example of a custom, styled, template for displaying book records with fields like title, cover, author, publisher, year, and genre.



<div style="display: flex; align-items: flex-start; border: 1px solid #ccc; padding: 12px; margin-bottom: 12px; border-radius: 8px; background-color: #f9f9f9;">
    <!-- Cover Image -->
    <div style="flex: 0 0 100px; margin-right: 16px;">
    dadabik_field cover_book dadabik_field
    </div>

    <!-- Book Information -->
    <div style="flex: 1;">
    <div style="font-size: 1.2em; font-weight: bold; margin-bottom: 4px;"> dadabik_field title_book dadabik_field </div>
    <div style="margin-bottom: 4px;"><strong>Author:</strong> dadabik_field author_book dadabik_field </div>
    <div style="margin-bottom: 4px;">
        <strong>Publisher:</strong> dadabik_field publisher_book dadabik_field <br/>
        <strong>Year:</strong> dadabik_field year_book dadabik_field
    </div>
    <div><strong>Genre:</strong> dadabik_field genre_book dadabik_field </div>

    <!-- Action Links -->
    <div style="margin-top: 8px;">
        <a href="dadabik_link details_link dadabik_link" >Details</a>
        
        dadabik_hide dadabik_groups 2|3 dadabik_groups ( | <a href="dadabik_link edit_link dadabik_link">Edit</a> | <a onclick="if (!confirm('Confirm delete?')){ return false; }" href="dadabik_link delete_link dadabik_link">Delete</a>) dadabik_hide
    </div>
    </div>
</div>

How It Works