How to style the search filter within tables?

[Mocke]

Hi all,

This is yet another situation where I thought updating the CSS would be easy but WHMCS proves otherwise 😉

Within the client area there are a lot of tables (invoices, quotes, tickets etc.) which contains a search box at the top of the table, this one:

 

Is there some way to remove this from the table and place a custom style search box somewhere else on the page? I would like to replace the above with this:

 

 When inspecting the page with a table I can see the code for the search filter 

<div id="tableEmailsList_filter" class="dataTables_filter">
  <label>
    <input type="search" class="form-control input-sm" placeholder="" aria-controls="tableEmailsList">
  </label>
</div>

<div class="dataTables_info" id="tableEmailsList_info" role="status" aria-live="polite">Showing 1 to 10 of 21 entries</div>

When viewing the source code no code is visible, I presume WHMCS dynamically adds this code.

 

Thank you in advance for any assistance

 

[brian!]

2 hours ago, Mocke said:

When viewing the source code no code is visible, I presume WHMCS dynamically adds this code.

it might be worth reading the DataTables documentation about styling and changing features - although how flexible WHMCS would allow you to be with this I can't recall as I haven't tried this for a while.

[Mocke]

Hi @brian!

Thank you for you assistance 😁

I will definitely have a look at the recommended Data Tables documentation.

Much appreciated!