Okay
  Public Ticket #3235841
Dropdown menus not working on frontend (working normally in wp-admin)
Closed

Comments

  • Aleksandar started the conversation

    Dropdown menus are not opening after pressing the button on frontend tables when using standard table type while working normally on the same tables in wp-adnim. 
    In Excel type tables, menus are working but when I try to change some values alert box pops out with an error message about foreign key constranints... 

  •  1,850
    Miloš replied

    Hi, Aleksandar 

    Thanks for reaching out to us.

    If everything works OK on the back-end , but just on front-end you can't load dropdowns for filters, etc;

    please disable this , in main plugin settings/Include full bootstrap front-end,

    and uncheck/disable this,  Save changes - then refresh the front-end page.

    9571286850.png

    Let me know if that helps. Thank you

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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,850
    Miloš replied

    Hi, Aleksandar.

    Apologies, after i checked again i see the other detail you mentioned,

    that if you try to edit some value, it gives you an error with "foreign key constraint" error message.

    I tried to edit a value in the "naziv ordinacije" column, and there it is letting me edit without errors :

    2269695004.png
    7265392531.png
    8192617406.png

    Could you possibly make a screen recording to show me the issue, or maybe take some screenshots,

    so that we can see exactly the steps to cause the error,

    which row and column you are trying to edit when that happens?

    -

    It will be good if i can also check the back-end.

    Please provide me a temporary WP-admin (administrator) user for your website where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

    We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

    You can write credentials here, just make sure to mark the reply as PRIVATE so that only we can see it, for security purposes.

    Thank you


    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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

  • Aleksandar replied

    Thanks for the reply, Miloš

    I added you as admin for the site. It's a testing site, so don't worry about making changes.

    Regarding the previous 2 issues, I've uninstalled SVG plugin and that's OK, I dont need it.

    This is the message i get when i try to change values in dropdowns in Excel-like view:

    2434036180.png

    I dont get this message when I do the same changes i Standard view... but this is the issue I can live with...


    The main problem is with dropdowns:

    - when pressing the fields, dropdowns don't appear

    - the problem is only on frontend

    - i tried the option bootstrap turned off but the problem is still present

    -i guess its theme related 


  •  1,850
    Miloš replied

    Dobar dan Aleksandre (mozemo da nastavimo i ovako, posto je firma iz Beograda)

    Hvala na kredencijalima, uspeo sam da se ulogujem.

    Kada pogledam System Info u wpDataTables meniju, vidim ovo:

    6132612092.png

    Da li mozete da update-ujete Libxml verziju na neku verziju visu od 2.7.6? Takodje, vidim da je PHP Time limit 30 i savetujem Vam da to povecate:

    6131408334.png

    To ne utice na ovaj problem, ali za svaki slucaj.

    Kada update-ujete Libxml, obrisite Cache sa sajta i probajte opet. Ako i dalje ne rade drop-down meniji na front-u, javite mi da pogledam sa nasim programerima sta mozemo da uradimo.

    Postoje neke opcije kroz plugin editor, ali procedura je da se prvo system info dovede u normalu (required).

    Srdacan pozdrav!

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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

  • Aleksandar replied

    Miloš pozdrav :-)

    Lakše je ovako, super! 

    Gledaj, pokušao sam vidjeti s hosting providerom za update libxml-a prvi put kad se problem dogodio, dok nisam znao da je stvar u SVG pluginu.. Da bi išao taj update, trebali bi sve prebaciti na VPS paket i to diže trošak hostinga za 15x...

    U međuvremenu deaktivirao sam pluginove i stvar je proradila s dropdownovima pa sam dio po dio palio i shvatio da je nekompatibilnost sa SVG-om razlog. To je riješilo problem na backendu, ali ostao je problem na frontendu pa sam zaključio da je nekompatibilnost s temom možda razlog... pa sam promjenio temu... kad promjenim temu na neku od osnovnih tema wordpressa, dropdownovi rade. 

    E sad, ja sam 99,9% siguran da kada bi i ušli u taj trošak, digli hosting na VPS (što bi otvorili niz drugih neizravnih komplikacija i troškova) problem bi ostao.

    Tema je Klaium, odabrao sam ju baš zato što je jedna od najboljih, redovito ju updataju, ne znam koliko desetaka/stotina tisuća korisnika ju koristi... ali evo - ipak radi probleme s WPDatatablesom...


    Možeš li to nekako riješiti?


    Hvala i pozdrav

  •  1,850
    Miloš replied

    Pozdrav, Aleksandre.smile.png

    Hvala na dodatnim informacijama.

     Potpuno vas razumemo. Kao sto ste rekli, vidim da kada se Tema promeni na default WP teme, onda dropdown radi, tako da jeste velika sansa ako bi debugovali konflikt sa Temom bi resili dropdown problem.

    6205876686.png

    Pokusao sam inicijalno ici kroz opcije Teme i disablovati/enablovati opciju za JS ali bezuspesno.

    Bacio sam pogled i na web page Teme sa Theme Forest, ne uspevam da potvrdim da li Tema forsira odredjenu verziju Bootstrap-a na sajtu.

    Vidim da je napomenuto ovo "kompatibilnost za Bootstrap 5", nisam siguran jel relevantno za ovaj problem.

    2301821071.png

    Ali mogu vam reci da za wpDataTables, nazalost imamo problem kada sajt ima verziju Bootstrapa visu od 3.

    Za Bootstrap 4 imamo moguc workaround, ako mozete molim vas probati ovo i recite mi da li ce pomoci.

    Ako ne pomogne, nasi developeri mogu pokusati da debuguju konflikt, ali cete nam morati poslati dupliciranu/kloniranu verziju sajta da bi radili na tome na nasem Test serveru.

    -

    Molim vas idite na "Customize" podesavanje na back-endu tabele, u Custom CSS dodajte ovo :

    .wpDataTablesFilter[data-wpdatatable_id="8"] .dropdown-toggle::after {
        display:none !important;
    }
    .wpDataTableID-8 .dataTables_length .length_menu.show{
        display:inline-block !important;
    }
    .wpdt-c .bootstrap-select > .btn-default:after {
        display:none !important;
    }

    Samo zamenite table ID za vas table ID.


    Zatim, u functions.php fajlu vase Teme/ ili ako koristite child temu, dodajte ovo :

    function bootstrap_dequeue_script() {
        $pageID = get_the_ID();
        // here will be replaced id of the page where is our table
        // Can be found when you edit that page in URL for post parametar
        // Example if id is 1 (..post.php?post=1&action=edit..)
        if ($pageID == 4701){
            wp_dequeue_script('bootstrap-js');
            wp_enqueue_script( 'bootstrap-popper', 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js', array('jquery'), null, true );
            wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery','bootstrap-popper'), '3.3.5', true );
        }
    }
    add_action( 'wp_print_scripts', 'bootstrap_dequeue_script', 100 );

    ( * Kod "if" deklaracije, izmenite ovaj $pageID sa vasim page ID na kojoj je tabela )

    Da probamo prvo za jednu stranicu, pa ako to resi problem na ovoj strani, 

    ako vam treba na vise/dodatnim stranama,

    treba da iskopirate ID stranice i dodate na ovu liniju gde je "if" funkcija.

    Recimo, ako bi druga strana imala ID "4791" , dodali bi ovo na "if" deo :

    if ($pageID == 4701 || $pageID == 4791 || $pageID == XXXX){

    Recite mi da li je to pomoglo, pa cemo videti da li treba ukljuciti developere za pomoc kasnije.

    Hvala.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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

  • Aleksandar replied

    Miloše, hvala ti puno!

    Iskreno, nisam očekivao toliki angažman s vaše strane. 

    Probao sam na naslovnoj, ali na žalost ne radi. Ne znam da li sam sve naparvio kako treba, pa slobodno probajte - nema problema ako se nešto promjeni, ovo je ionako test site...


    Hvala još jednom, pozdrav!


  • Aleksandar replied

    Evo i jedan prijedlog ovim putem. 

    Ti dropdowni i svi drugi izbornici koji se otvaraju ( u settinzima i sl.), animacija je spora (mislim da je oko 0.5 sekundi) i to izgleda fancy, ali ljudima koji nešto traže ili operativno rade po tim tablicama nakon nekog vremena postane naporna. Bilo bi sjajno ako se da skratiti za duplo <3

  •  1,850
    Miloš replied

    Pozdrav, Aleksandre.

    Izvinjavam se na kasnjenju, ne radimo vikendom pa ste malo cekali.

    Hvala na strpljenju.

    -

    Zao mi je sto nije uspeo inicijalni pokusaj, ali videcemo sta se moze uraditi.

    Nasi developeri ce nam pomoci da probaju da debuguju conflict izmedju te Teme i naseg plugina.

    Recite mi ako je Tema besplatna, onda mi mozemo downloadovati;

    ali ako je placena/premium, mozete li nam poslati fajlove od Teme, da bi nasi developeri instalirali kod nas u Test environmentu pa da ispitaju problem?

    Ako nam budete slali fajlove, molim vas oznacite kao "PRIVATE" odgovor zbog sigurnostih razloga, da samo mi mozemo videti/preuzeti.

    Mozete na primer okaciti bilo gde, kao sto je weTransfer, GoogleDrive i slicno, i poslati nam download link.

    Ne mozemo reci tacno koliko ce trajati ispitivanje developera, ali dacemo sve od sebe i drzacu vas obavestenim.

    Hvala.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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

  •   Aleksandar replied privately
  •  1,850
    Miloš replied

    Pozdrav, Aleksandre.

    Nema na cemu, trudimo se da pomognemo koliko mozemo.smile.png

    1. Sto se tice konflikta sa Temom, nasi developeri ce preuzeti, i javljam vam cim me obaveste kada ispitaju detaljnije sta se moze uraditi u vezi dropdowns conflicta.


    2.  Primetio sam da ste updatovali na najnoviju verziju, i ne vidi se lista tabela na back-endu.

    Problem je verzija MySQL koja je instalirana na serveru.

    Ali moguce je i da ce vam ova 'PHP LibXML' Extenzija praviti problem.

    9193984758.png
    4535451302.png

    Kao sto vidite u System Info tabu naseg plugina, preporuceno je da se 'PHP LibXML' Extenzija unapredi na verziju vecu od 2.7.6.

    Najvaznije je da vidite da updatujete MySQL verziju sa hosting supportom na serveru barem na 5.7 verziju minimum, to bi trebalo resiti problem,

    optimalno na 8.0  ako je moguce.

    Javite mi da li to resava ovaj novi problem koji sam uocio.

    3. I zamalo da zaboravim, prosledicu vas predlog za animacije kod drugih izbornika koji se otvaraju ( u settinzima i sl.), kao sto ste rekli da je spora animacija, pa cemo videti ako je moguce da se to duplo ubrza u jednoj od novijih verzija.

    Ako bi mogli takodje sa vase strane da posaljete zvanican predlog kao korisnik, na ovu stranu,

    pogledajte prvo da nije neki drugi korisnik vec napravio takav zahtev.

    Ukoliko ne, mozete dodati vas predlog za ovo unapredjenje i u zavisnosti koliko korisnika bude glasalo,

    nas management ce pomerati prioritet u odnosu na druge zahteve koji su na cekanju.

    Mozete pratiti nas changeLog page ( takodje se moze videti u Dashboard-u plugina) , gde isticemo sve bitne promene za plugin prilikom izbacivanja novih verzija.

    Ako zelite, mogli bi i da se prijavite na nas Newsletter, da budete obavesteni o novim opcijama plugina, bug fixovima, rasprodajama, i tako dalje.



    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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,850
    Miloš replied

    Pozdrav, Aleksandre.

    Izvinjavam se na cekanju, hvala na vasem strpljenju.

    Developeri su nasli u cemu je problem,

    samo cu videti sa njima koji ce biti najbolji nacin da vam predlozimo moguce resenje.

    Trebalo bi da osmislimo to u ponedeljak, javicu vam se posle vikenda sa daljim informacijama.

    Hvala jos jednom na strpljenju.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/

    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

  •   Miloš replied privately