Okay
  Public Ticket #3329102
Collapsible Filters
Closed

Comments

  • SEBASTIAN started the conversation

    I'm currently in my 14-day trial window and testing a few things out. Very much enjoying the speed of the filtering behavior. I do have a few things I can't figure out though:

    1. I'm wondering how I can collapse the filter area at the top of the table. This would be particularly helpful on mobile to save space, until the user requires the filters
    2. Clear filters doesn't reset the global search for some reason. I can't seem to find an option for this.
    3. Can I change the wording of the show columns button?
    4. I'm wondering if its possible for the front end user to choose by which field they want the grouping to happen?

    Attached files:  FiltersQuestions.jpg

  •  1,688
    Miloš replied

    Hi, seb.

    Sorry for a late reply.

    1. I'm wondering how I can collapse the filter area at the top of the table. This would be particularly helpful on mobile to save space, until the user requires the filters:

    - At the moment, we don't have any built-in option to achieve this.

    If you wish to see something like that in the future,

    please make a development suggestion, and our devs will do their best to work on adding a solution as soon as possible in one of the future updates.

    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.

    -

    If you wish to try to make your own custom solution now,  to get the filter section to collapse only for mobile screens;

    custom solutions are not covered by our support ( we do like to give workaround examples when possible, for this we don't have any thing yet).

    That being said, i can still try to give you an idea to get you started.

    You can research resources like this,  to learn about making a custom CSS Media Query.

    That will allow you to add a "breakpoint" with CSS, 

    to have a completely different style ( and possibly behaviour if you add come custom JS),

    only when the screen goes beneath certain width, etc.

    In our plugin, you can also add custom CSS and JSS,  in main plugin settings/Custom JS and CSS,

    or you can add that directly to your WordPress page(s).

    I hope that helps.



    2. Clear filters doesn't reset the global search for some reason. I can't seem to find an option for this.

    - Yes. The Global table search block is a completely separate function from the advanced column filters.

    When we "clear filters", this only affects the filtering for the columns,  but is not connected to the table search block.

    If you wish to see an option added that could be something like a button that will affect both at same time ( to clear both "global search" and column filters),

    you can add another feature suggestion for that, and our devs will do their best to add it soon.smile.png


    3. Can I change the wording of the show columns button?

    - Yes, you can translate most of the plugin strings and buttons.

    I personally recommend to install Loco Translate plugin, because it has a user-friendly UI and you can search and replace almost any string you need.

    But i will elaborate in more details, in general about making translations for our plugin :


    Please note that the Interface language is only for the Admin dashboard and it does not affect the language of the strings in the tables themselves.

    The plugin can be translated using POEDIT or Loco Translate easily. 

    I suggest installing Loco Translate since it's within WordPress and it has a simple UI,

    you can simply "search and replace" any strings you need.

    Here is how i add a new language in Loco Translate :

    First, i add a new folder in the FTP path in the plugin languages files in this path :

    ../wp-content/plugins/wpdatatables/languages

    For example, if i want to add Spanish ( Spain) , i add es_ES folder :

    8876575366.png

    then you can take the "default translations" from English, from en_US folder, copy the 'wpdatatables-en_US.mo' and 'wpdatatables-en_US.po' files and paste them in the new es_ES folder.

    Then load Loco translate in your WordPress, choose wpDataTables / Spanish language, 

    search any strings you wish to edit, and translate them as needed.

    When you finish that, it would be nice to send us the translation, so we can include it in our next major update so you don't have to copy this folder from the local machine on every update.

    -

    But If you want to use POEDIT then please follow these instructions:

    1. Download wpdatatables from our TMS Store and save the wpdatatables.zip file on your computer.

    2. Unzip downloaded file.

    3. Download and install POEDIT

    4. After that, open the program and open the file from the extracted folder on your computer wpdatatables/languages/en_US/wpdatatables-en_US.po

    5. Translate all the strings in your language.

    6. Save the file as the plugin suggests (the language code; for example wpdatatables-id_ID.po if your language is Indonesian) and it will generate a new wpdatatables-id_ID.mo file. You can find your language code here

    7. Go to wpdatatables/languages/ folder and create a new folder. Name it as the language code for your language (in our case, for Indonesian, it is id_ID) and then copy these two files called wpdatatables-id_ID.po and wpdatatables-id_ID.mo into it. Proceed with copying the whole folder id_ID back to your website in folder ../wp-content/plugins/wpdatatables/languages/.

    Of course, you will use language code for your language (we use Indonesian language, and its language code "id_ID" is just an example).

    When you finish that, it would be nice to send us the translation, so we can include it in our next major update so you don't have to copy this folder from the local machine on every update.

    -

    In case if you only want to translate some buttons, 

    such as "Copy", "New entry", "Edit", "Delete", you can do the following:

    There is a PHP file located in your WordPress host folder, and you can open it with any text(code) editor of your choice, the file location is :

     ../wp-content/plugins/wpdatatables/source/class.wpdatatable.php -

     The exact line of the code sometimes can vary, 

    so the best way to find what you need is to use "CTRL+F" to find the pieces which you need, for example, "New entry", or "Edit", or "Delete", 

    and the text editor should find and highlight it, looking like this :

    'text' => __('New entry', 'wpdatatables'),
    'text' => __('Edit', 'wpdatatables'),
    'text' => __('Delete', 'wpdatatables'),
    'text' => __('Copy', 'wpdatatables')

    Simply change the text in the brackets, and that's it.

    As for "Cancel", "Prev", "Next", "Apply and add new" and "OK":

    You have to edit this file ../wp-content/plugins/wpdatatables/templates/frontend/edit_dialog.inc.php and edit the following lines.

    4777127248.png

    And simply change the string in the brackets, same as mentioned above.

    Please note, though, that you would need to do this every time the plugin updates since the changes will be deleted after an update occurs.




    4. I'm wondering if its possible for the front end user to choose by which field they want the grouping to happen?

    - No, if you mean to use our Row grouping feature,

    this can only be set in the back-end of the table settings,  in the column settings/Display tab/ Toggle Column Grouping.

    2457080983.png


    It is not possible to manipulate that on the front-end.

    It is an interesting idea, though - i am not sure if something like that will be possible, but you can also add this as a future development suggestion on the page we sent before.smile.png

    Let me know if i covered everything, or if you have additional questions for these points covered.

    If you have a new/unrelated question, please open a new ticket.

    Our policy is to keep one subject per each ticket, as it makes support more efficient.

    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [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

  • SEBASTIAN replied

    wow. thank you for that detailed reply.

    For number 3. it's not so much a translation I need, I just want to change the wording from Columns to Show Columns to make the function clearer to the user.

  •  1,688
    Miloš replied

    Hi, seb.

    Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

    -

    You're welcome. I am sorry if that was too many details.smile.png

    In case if you're looking for an easiest/quickest way to edit/change the string /wording from "Columns" to "Show Columns",

    i made a quick Video how you can easily do this with Loco Translate.  Just search for word "Columns",

    when you find it - type in "Show Columns", hit  "Save" and that's it.

    https://watch.screencastify.com/v/hxEazOTZ2LNmgQRoJL4N

    1180695760.png
    6343899629.png

    Let me know if you have any questions. Thank you.

    Kind Regards, 

    Miloš Jovanović
    [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

  • SEBASTIAN replied

    Really appreciate the effort you put into this reply thank yoU!

  •  1,688
    Miloš replied

    Hi, seb.smile.png

    No problem, i am happy to put in a bit of extra effort to advise.

    Anything else that we could assist with, please don't hesitate to create new tickets.

    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [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