• Resolved asitaaa

    (@asitaaa)


    How do I align the search box to the center of the table and rename the label to ‘start typing in…’

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author wpDataTables

    (@wpdatatables)

    Hello. At the moment, we do not have a built-in / user-friendly way to achieve this. If you wish to see a built-in option for customizing the position of “Search block” ,

    please feel free to search on our suggestions page

     to see if someone may be already suggested this feature. If you can’t see it, feel free to add your suggestion there,  and as more people vote, the feature will move higher on the priority list.

    You can certainly follow our changeLog page if you’d like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

    and our newsletter, so you’re informed about new features, bug fixes, freebies, etc. –

    At this time, this can only be achieved with a custom workaround by adding CSS.
    Our Support does not cover customizations, but i will show you a basic example how you can do this.
    First, open the browser’s developer console, to the “Elements tab”.
    Use the arrow at the top left of the console, to point the cursor at the “Search bar” element.
    Then you will see the highlighted container in the HTML.
    ??

    Now, you will see the highlighted “input” search HTML element,

    but select the DIV that is the container holding that element, and right click into it, then “copy selector”.

    In my case, it is “#table_1_filter?”, on your table it might be different.

    Then, use the “left” property and try to find a value that is as close to center as possible.

    On my example :

    #table_1_filter {
        left: 37% !important;
    }

    You can either add CSS in the main plugin settings/Custom CSS and JS/Custom CSS,

    or add it directly to the WP Page.

    Custom code needs to be applied to the page where the booking form is. Depending on what you’re using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

    If you need help with adding custom CSS to the page, please take a look at this article.

    2. In regards to editing the “Search table” placeholder to anything else,
    you can translate almost any strings from our plugin with any translation Plugin.
    We advise to use Loco Translate, since it is very easy to use.
    Just search for “Search Table” and replace it with anything you need.

    We hope this helps.
    Kind regards.

    Thread Starter asitaaa

    (@asitaaa)

    Thx

    Thread Starter asitaaa

    (@asitaaa)

    The placeholder text is not displayed. BTW, I’m using the ‘Create a data table from existing data source’ option.

    • This reply was modified 1 year, 8 months ago by asitaaa.
    Plugin Author wpDataTables

    (@wpdatatables)

    Hello. Apologies for replying so late to your latest update on this Post.

    We are not sure if we understood.
    Was the placeholder text visible before,
    then you translated it and now it is not showing?
    Could you show us any screenshots or a short Video of this issue, to make sure we understand how it looks, etc?
    If it has any sensitive data, in that case, if you can please open a ticket
    on our?main Support platform here,

    ?and we can continue there on a private ticket.
    If you don’t have a licence, you can choose the Pre-Purchase questions category for this purpose.


Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Align search box’ is closed to new replies.