Okay
  Public Ticket #1891398
how to remove the : (colon)
Closed

Comments

  •  1
    Larry Kolinek started the conversation

    hello, on the tables, (responsive size), when the field name is used, 

    AND on the filter fields, the colon is used by the label.

    Example:
    field1:  

    HOW to remove the :  

    after the field label in both of those situations? I don't want or need the colon.

    thanks!

    PS> even better, make this a setting in admin/config for the plugin: like so:

    What goes after the field label?
    :, -, =, +, ), ==, =>, OR nothing (blank)

    :)

    thanks

  •  2,572
    Aleksandar replied

    Hello Larry.

    I am sorry, but unfortunately something like this is not possible with the plugin's built-in features. You see, the filter labels are being dynamically added, so there is no custom CSS you can add to remove the colon:

    7215332738.png

    Thank you for your suggestion, though. I'll forward it to our development team, and they'll add it to our idea list and look into some possible solutions on plugin side in the future.

    Best regards.

    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

  •  1
    Larry Kolinek replied

    but surely I can remove it from the source code? I tweaked the css and now the colon by itself is out of place. So I just need to remove it.

    But from where?

    I saw a line in the .js file but it didn't work?  

  •  472
    Isidora replied

    Hi Larry,

    Aleksandar is out of the office today and I will help you.

    If I understand you right you need to remove character : from Responsive mode? (attachment)

    If that is true you need to remove it in file wp-content/plugins/wpdatatables/assets/js/responsive/datatables.responsive.js around line 126 you will find this

    this.rowLiTemplate = '<li><span class="columnTitle"><!--column title--></span>: <span class="columnValue"><!--column value--></span></li>';

    and you have to replace with this or insert character that you need instead of :

    this.rowLiTemplate = '<li><span class="columnTitle"><!--column title--></span><span class="columnValue"><!--column value--></span></li>';

    Also, you need to turn off option Use minified wpDataTables Javascript on tab CUSTOM JS and CSS in settings of plugin. If you are using some cache plugin please clear the server and browser cache.

    About the character in Filter labels when you are using option Filter in form (filters above the table) you can find it in file wp-content/plugins/wpdatatables/templates/frontend/filter_form.inc.php around line 23 you will find this 

    <label><?php echo $dataColumn->getFilterLabel() ? $dataColumn->getFilterLabel() : $dataColumn->getTitle() ?>:</label>

    and you have to replace it with this or insert character that you need instead of :

    <label><?php echo $dataColumn->getFilterLabel() ? $dataColumn->getFilterLabel() : $dataColumn->getTitle() ?></label>

    Please note that this will be over written in next update so you need to do it again.

    Best regards.

    Kind Regards, 

    Isidora Markovic

    wpDataTables: FAQFacebookTwitterFront-end and back-end demoDocs

    Amelia: FAQFacebookTwitter |  Amelia demo sites | Docs

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

    Powerful FiltersGravity Forms Integration for wpDataTablesFormidable Forms Integration for wpDataTables

  •  1
    Larry Kolinek replied

    thanks... it worked, but question:

    there are 2 files to edit: datatables.responsive.js and the same one (same directory) but for minified.

    so question, if I edited the .js file, why would I need to turn off option: Use minified wpDataTables Javascript??

    if I changed both, the regular .js and also the minified one, why need to use the option?

    thanks

  •  2,572
    Aleksandar replied

    Hello again Larry.

    Our plugin packs all those in a single minified file, that's why you need to disable it.

    Best regards.

    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