Okay
  Public Ticket #2903451
how to manage filter position in the form
Closed

Comments

  •  1
    Carmelo Caruso started the conversation

    Dear Sir or Madam,

    I'm using the filters in a "Form above the table". Because I have many long ckeckbox filters, is there a way for controlling the position of them?

    Kind regards,

    Carmelo Caruso

  • [deleted] replied

    Hi Carmelo

    Thank you for reaching out to us.

    Since you are using a lot of checkbox filters I think the best option would be to use the Render in modal option from the column settings so they wouldn't take that much space on the page. Then you can align them if needed.

    1985648114.png


    To center align the filters you will need to add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.

    .wpdt-c .wpDataTablesFilter .wpDataTableFilterBox{
        display:flex;
        justify-content: center;
    }
    .wpdt-c{    display:flex;    justify-content: center; !important;
    }
    

    This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)

    <style>
    .wpdt-c .wpDataTablesFilter .wpDataTableFilterBox{    display:flex;    justify-content: center;
    }
    </style>

    Do let us know if there is anything else we can assist you with.

  •  1
    Carmelo Caruso replied

    Thanks Blaženka. Yes, I recently appreciated the ability to insert css code at the general level and and at column level. I will study and explore more deeply what you suggested, it will help.

    Thanks,

    Carmelo 

  • [deleted] replied

    You are most welcomesmile.png

    If there is anything else we can assist you with please don't hesitate to open a new ticket.

    Have a wonderful day!