search

creativetimofficial / ct-now-ui-dashboard-pro

Now UI Dashboard PRO - Premium Bootstrap Admin
https://www.creative-tim.com/product/now-ui-dashboard-pro
18 stars 8 forks source link

problem to use modal #69

Open SergioAugustoPeralta opened 5 years ago

SergioAugustoPeralta commented 5 years ago

now-ui-dashboard-pro-v.1.4.1

I am trying to use modal and sow the following error:

perfect-scrollbar.jquery.min.js:6 Uncaught Error: no element is specified to initialize PerfectScrollbar at new H (perfect-scrollbar.jquery.min.js:6) at HTMLDivElement. (now-ui-dashboard.min.js?v=1.4.1:1) at HTMLDivElement.dispatch (jquery.min.js:2) at HTMLDivElement.y.handle (jquery.min.js:2) at Object.trigger (jquery.min.js:2) at HTMLDivElement. (jquery.min.js:2) at Function.each (jquery.min.js:2) at w.fn.init.each (jquery.min.js:2) at w.fn.init.trigger (jquery.min.js:2) at o.t.show (bootstrap.min.js:6)

dragosct commented 5 years ago

Hi, @SergioAugustoPeralta! Thank you for using our products. I just tested on the windows laptop and on our live preview everything it's working fine without any error received. You are sure you haven't made any changes in the javascript files?

Regards, Dragos

fajartaufik commented 5 years ago

The error occurs when you rename (the modal ID)/remove once of the three modals. image

I hope you can fix this.

dragosct commented 5 years ago

Hi, @fajartaufik! Please, can you be more specific about the issue?

Regards, Dragos

fajartaufik commented 5 years ago

Hi, @fajartaufik! Please, can you be more specific about the issue?

Regards, Dragos

Hi Dragos, There are 3 modals in the notification page for example (noticeModal, myModal, myModal10), you can try to rename myModal with myModal1, then you refresh the page and click the notice modal button image modal_nowui

.

dragosct commented 5 years ago

Hi! Please be sure that you use the latest version of the product. Have you set also the new id from the modal to the data-target attribute from the button.

Regards, Dragos

fajartaufik commented 5 years ago

The page I showed earlier (gif file) is a new copy of the latest version (1.4.1). image

I didn't change anything, I want to show you how that error occurred, so I changed the modal ID (one of three modal ID).

SergioAugustoPeralta commented 5 years ago

Open the modal it opens normal, or the problem is when will close the error that puts above.

dragosct commented 5 years ago

@fajartaufik have you tried to put the new id name also in the data-target attribute of the button that you click on it?

Regards, Dragos

fajartaufik commented 5 years ago

Yes, I have, the issue is not in data-target attribute of the button, I think there are something wrong in your code. bandicam2019-08-3015-17-13-149

Have you tried on your side what I have done?

You can reproduce the issue by removing 2 modals (myModal and myModal10) and leaving noticeModal, after that refresh the page and then click noticeModal button. My Conclusion is, on my side, all modals should be there, you can not remove/rename them (even though I don't need it). image

yusrenaltair commented 5 years ago

Maybe the problem is here. There is no length detector for this. Thats why you can't remove the modal div from html file photo_2019-11-05_11-10-32

fajartaufik commented 5 years ago

Hi @young-altair, maybe that's the problem, let's @dragosct10 to investigate and fix this error.

dragosct commented 5 years ago

Hi, @fajartaufik! Sorry for the late response. Please see here the video that I recorded for you to see that on our live preview everything is working fine without any error. Please be sure that when you upgraded your product you also imported also the js file from the new version.

Regards, Dragos

fajartaufik commented 5 years ago

Hi @dragosct10 please rename the modal id in your demo files (e.g id="myModal" to id="testModal")

dragosct commented 5 years ago

Hi! When you change the name of the modal you must go and change also in the js file the name. This is not so good and on the next update, we will fix it.

Regards, Dragos

fajartaufik commented 5 years ago

@dragosct10 That's what I mean from the first explanation.

dragosct commented 5 years ago

Hi! Yes, you're right. You go in the js file and replace those ids with only the class .modal and then you can use any id that you want for your modals.

Screenshot 2019-11-07 at 11 37 57

Regards, Dragos

fajartaufik commented 5 years ago

Hi @dragosct10 , Perfect, thank you for your support.

maroua2020dev commented 4 years ago

Hello @dragosct10 i can't open modal in now ui dashboard angular

dragosct commented 4 years ago

Hi, @maroua2020dev! Thank you for using our products. Please use the correct repo and open the issue there, this is the HTML PRO version product.

Regards, Dragos

maroua2020dev commented 4 years ago

Hello, Okay si my issue it's i can't add bootstrap modal and open it just by data target.. I can't use bootstrap normally in this template and it's urgently

Thanks

Le mar. 7 avr. 2020 à 08:57, dragosct notifications@github.com a écrit :

Hi, @maroua2020dev https://github.com/maroua2020dev! Thank you for using our products. Please use the correct repo and open the issue there.

Regards, Dragos

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/creativetimofficial/ct-now-ui-dashboard-pro/issues/69#issuecomment-610236787, or unsubscribe https://github.com/notifications/unsubscribe-auth/AO3YUCGTD4EQGODQ6WVWDX3RLLMEZANCNFSM4IOI4WGQ .