We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #2276066
Styling checkboxes and search field
Closed

Comments

  • Torstein Naess started the conversation
    January 20, 2020 at 4:45pm

    Hi, 

    Im looking for a way to style my tables like attached image. 

    I want all my checkboxes to be buttons, but I can't figure out how to remove the checkbox. I also want then all to be lined up like the attached picture.

    I also looking for a way to center the search field and remove "Search" outside the field and put it inside. 

    Any suggestions? 

  •  2,576
    Aleksandar replied
    January 21, 2020 at 12:35pm

    Hello Torstein

    Thank you for your purchase.

    Checkboxes are available only as Filtering options in wpDataTables. If that's what you want to change, it would have to be done with some customization of the plugin. Unfortunately, custom work is not included in the provided support for the plugin.

    If you want to have an image, and have that image be a hyperlink, you can add it in a string-type column, like this:

    <a href="link-to-the-page"><img src="url-to-the-image"></a>

    To center the cells, you would need to add a custom CSS class, for example "center", then define it in Custom CSS field, in main settings of wpDataTables/Custom JS and CSS.

    table.wpDataTable .center {
text-align: center !important;
}

    To center the table's Search field, you could add this CSS:

    .wpDataTablesWrapper .dataTables_filter {
float: left !important;
width: 50% !important;
}

    But there's no way of adding it in the table, if that's what you asked.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables