CustomTemplateSearch

I am trying to modify the Extended Search Panel using the CustomTemplateSearch, following the rules set in Custom Template Page of the documentation I have written up the code like so:

{{{id}}} {{{ticketState}}} {{{countingNote}}} {{{networkComplete}}} {{{ticketString}}}
{{{ticketTotalAmount}}} {{{ticketTotalWin}}}
{{{ticketDate}}}

The problem with this is that it’s all messed up when I generate and run it, the input elements are everywhere and there is a gap between the table and the search options buttons(advanced, reset…)
I have also tried with

element in combination with element and the output is also the same, since I am not that proficient with front-end as much(Backend developer) as I should be apparently I am asking for a quick explanation or help with this.

What I am trying to achieve is to place the Extended Search Elements inline rather than under each other, and because Fields Per Row option is placing elements beyond the window I have to use Custom Template.

Sorry for this long question but I want to make sure that it is understood!

Kind Regards,
Alex

You table has different number of td in different tr so it is not rendered properly. Also you should use the detailed template tags for the search fields (i.e., {{{value field}}}, {{{operator field}}}) so that you can render the layout more precisely to what you want. Read help file → Custom Templates for the different template tags supported.

Okay I will play around with the detailed tags, but could You tell me how to remove the

s of class “ew-row d-sm-flex d-none”, specifically those with id=“xsr_1+”? They create a gap between the action buttons and the actual template unfortunately