Okay
  Public Ticket #2276066
Styling checkboxes and search field
Closed

Comments

  • Torstein Naess started the conversation

    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,572
    Aleksandar replied

    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 | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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