Okay
  Public Ticket #1575834
Advanced Filter Form elements truncated
Closed

Comments

  •  2
    Paul Desormeaux started the conversation

    Hi.

    Can't find

    .wpDataTables .selecter .selecter-options {...}

    code in file wp-content/plugins/wpdatatables/assets/css/wpdatatables.min.css.

    Thanks.

    ---

    Bogdan replied

    Hi zenpointmedia, Thank you for your purchase.

    1. You can increase the size of the drop down box by entering this code in file wp-content/plugins/wpdatatables/assets/css/wpdatatables.min.css and around line 513 find this code

    .wpDataTables .selecter .selecter-options {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-style: solid;
        border-width: 1px;
        width: 100%;
        min-width: 80px!important;

    then change the min-width to your desire.

    2. Unfortunately this functionality is not available without some customization. We can offer you to hire one of our developers to implement this feature for you. Our price is 50$/hour so if you are interested please give us detailed instructions and we can send you quote for this service. Best regards.

    Never miss notifications about new cool features, promotions, giveaways or freebies - subscribe to our newsletter! Join 2000+ subscribers. We send about one mail per month and never spam!

    Kind Regards, Bogdan Radusinovic [email protected]


     2zenpointmedia started the conversation

    Can not fulfill client request on these two points out of the box with your software:

    1. Under common name drop down form (and scientific name) any item with repeated first part of name ex: "American" gets truncated/cut off making impossible to see/select the options. How can this be corrected? The field should adjust to the longest option in the list.

    2. In each column of options, while the name/text above the column should be the title we need the first displayed title in the drop down options to be "all" or "any" not the repeated displayed header, this indicates to the user that selecting it will effectively reset that filter.

    Please advise on these two issues. Thank you.


  •  471
    Isidora replied

    HI Paul,
    Thank you for your purchase.

    About the ticket that you copy is written before version of plugin > 2.0 where layout of the tables is changed.

    Can you please provide me a link of the page where you using wpdatatables so I can see it on what you mean?

    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

  •  2
    Paul Desormeaux replied

    Hi Milan.

    In /wp-content/plugins/wpdatatables/assets/css/wdt.frontend.min.css I added: min-width for advanced filter parameter width, which works okay:

                           .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-cf-search-filters-button-block){float:left;margin-bottom:10px;margin-right:15px;width:230px;min-height:115px;min-width: 500px !important;

    On a related note, on my site, the Clear Filters button displays as black (text & icon) on red background (see attachment). I added background-color:

                            .DTTT_button.DTTT_button_clear_filters:before{content:"\e817"}button.wdt-clear-filters-button:before,button.wdt-clear-filters-widget-button:before{font-family:WPDataTablesIcons;content:"\e817";background-color: white;

    but that only makes the icon background white. If you can advise how to make the entire button background white, that would be great. I assume this is some kind of CSS class conflict?

    Thank you.

  •  471
    Isidora replied

    HI Paul,

    Yes sure. Just add this code in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.

    .DTTT_button_clear_filters{background-color:white !important;}

    This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)

    <style>
    .DTTT_button_clear_filters{background-color:white !important;}
    </style>


    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

  •   Paul Desormeaux replied privately
  •  471
    Isidora replied

    Yes you have come css conflict with theme. 

    Sorry I didn't predict that you are using clear filters with option Filters in form. Please replace this code with previous that I provide to you in Custom wpDataTables CSS under the "Custom JS AND CSS" in main settings of wpdatatables.

    .wdt-clear-filters-button{background-color:white !important;}

    This will be affected on all tables, but if you want just for specific one then insert this code on page where is that table between the style tag.(<style>Code here</style>)

    <style>
    .wdt-clear-filters-button{background-color:white !important;}
    </style>

    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

  •  2
    Paul Desormeaux replied

    Perfect! Thank you for your help!

    Paul

  •  471
    Isidora replied

    Hi Paul,

    You are welcome. 

    If you have any more issues or questions feel free to open a new ticket, we will gladly help.

    We'd greatly appreciate it if you could take a minute and leave a review on CodeCanyon on this link. Thanks! 

    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