• Resolved ricmo

    (@ricmo)


    Hello!

    I was wondering how one can achieve the following:
    – Align both Search Box and Filter boxes
    – put the “Search” label inside the box
    – Ensure filter boxes sizes use all available space

    The aim is to create something that looks like this:

    View post on imgur.com

    Thank you in advance!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.
    Also, sorry for the late reply. I was very busy with personal life, so that I could not reply earlier.

    Aligning all this should be possible with CSS code. Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    For the Search label, you can add a “Custom Command” to the table’s “Edit” screen, like

    "language": { "searchPlaceholder": "Search" }
    

    Regards,
    Tobias

    Thread Starter ricmo

    (@ricmo)

    Hi Tobias,
    No problem, I can understand life gets in the way!

    Concerning the page I would like to modify, this is the link:
    https://www.blueberries.gg/weapons/destiny-2-weapons-list/

    I would like to align filter and search box as can be seen here, for example:

    View post on imgur.com

    Thank you in advance!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    ok, you could try adding this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .dataTables_wrapper .column-filter-widgets {
      float: right;
    }
    .dataTables_wrapper .dataTables_filter {
      float: left;
    }
    .dataTables_wrapper .dataTables_filter input {
      margin: 5px;
    }

    Regards,
    Tobias

    Thread Starter ricmo

    (@ricmo)

    This worked great, thanks a lot for your support!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    sure, no problem 🙂

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Align Filter and Search boxes’ is closed to new replies.