Formatting of Column Filter & Filter Widget

  • Resolved callard

    (@callard)


    2 years, 12 months ago

    Hello Tobias,

    TablePress has been a bit of a project saver! I’m coming back to a project to expand some tables add a couple of features.

    With Column Filter & Column Filter Widget we’re looking to clean the look and feel up a bit and after looking have not found working solutions in the forums.

    a/ We have the Search on the Left & Show Entries on the Right. Is it possible to have the Filter-Widget Inline after the search (IE. SEARCH FILTER FILTER FILTER SHOW ENTRIES)?

    b/ With Filter Widget Is it possible to change the colours of the Filter text & Dropdown background?

    c/ With Column Filter is it possible to change the colour of the text?

    My apology if there are working examples in the forums. Oh, and I just wanted to say that not only is TablePress a project saver, its a lot of fun!

    Thank you and Kind Regards,
    Callard

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.

    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! I might then be able to make precise code suggestions.

    Regards,
    Tobias

    Thread Starter callard

    (@callard)

    Hello,
    Thank you once again for taking the time help sort out some details. The fix to reposition the filters works very well!

    custom command:

    "dom": "flWrtip"

    and custom CSS: 

    .column-filter-widgets {
float: left;
}

    Is it possible to alter the text colour to be more readable, the column filter at the bottom and column filter widget aside rather bland into the background atm and are difficult to notice. I did find another post that attempted this but unfortunately the fix provided there did not work. My css skills are outdated and out of practice and their attempts have provided some variably ineffective results, heh.

    Kind Regards and all the Best,
    Callard

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    good to hear that this helped!

    This CSS should make things a bit better already:

    .tablepress tfoot .text_filter {
    background-color: #ffffff !important;
    margin: 0;
    padding: 6px;
    border: none;
}
.dataTables_wrapper select {
    color: #444444;
    padding: 10px;
    vertical-align: baseline;
}

    Regards,
    Tobias

    Thread Starter callard

    (@callard)

    Tobias, Nice colour selection! Worked perfectly, now… to update the tables to match the new filter options! Thank you so much, Tablepress is a miracle plugin and the support is unparalleled.
    Kind Regards,
    Callard

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Formatting of Column Filter & Filter Widget’ is closed to new replies.