Skip to main content

How can I use custom templates?

In the Content structure setting, you can replace the target item with any HTML by writing HTML in the Template Editor. You can use it to annotate items, change the background color, or add any class.

Configuration Section​

Navigate to the editing screen of the Content structure you want to configure. Click the "Edit" button for the item you wish to modify.

Image from Gyazo

Once the item configuration is open, describe it in [Custom Template] -> [Template editor].

Image from Gyazo

Configuration Example​

Title​

For example, by entering the following description into the custom template for the title, you can change the title field name.

<tr id="topics_subject">
    <th class="bg-light"><label class="fw-bold">Topic</label><span class="badge bg-secondary ms-1">Required</span></th>
    <td>
        {if !$docmeta.is_primary && $primaryRow.subject!=''}
            <p class="major_language">
                <span class="step">{$primaryRow.subject|escape}</span>
            </p>
        {/if}
        <input type="text" id="subject" name="subject" value="{$formData.subject|escape}" size="100" class="form-control"/>
        <br>
        <span class="hint">Current topic: Please be careful when changing {$formData.subject|escape}.</span><br>
        <span class="hint">If changes are necessary, please be aware of the differences from the previous title.</span><br>
    </td>
</tr>

Image from Gyazo

danger

Do not modify the table structure and form components (name, id), etc.

caution

The other settings configured in item settings will no longer be reflected.

Text​

For example, by entering the following description into the custom template for the text item, changes to the text that has been input and updated once will become impossible.

<th class="bg-light">
    <label class="fw-bold">
        Text
    </label>
    <code class="small text-gray-600 ms-2">ext_col_02</code>
</th>
<td>
    <div class="ext_item_0" data-ext_type="0" data-default_value="">
        {if $cols.0.value != ''}
        <div><input type="text" name="ext_col_02" value="{$cols.0.value}" size="80" class="form-control" readonly></div>
        {else}
        <div><input type="text" name="ext_col_02" value="" size="80" class="form-control"></div>
        {/if}
    </div>
</td>
danger

Do not change the table structure, form components (name, id), etc.

caution

The other settings configured in item settings will no longer be reflected.

More information​

Support

If you have any other questions, please contact us or check out Our Slack Community.

Contact form
Join Kuroco Slack community