Jump to content
Mocke

How to style the search filter within tables?

Recommended Posts

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:

image.png.a2034b8fea9c02cd5dcae9bbfadc2df9.png

 

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:

 

image.png.00bada384ceda66b3c713b247e2fc3d6.png

 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

 

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

Hi @brian!

Thank you for you assistance 😁

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

Much appreciated!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

By using this site, you agree to our Terms of Use & Guidelines