Does it disappear when you select some other element in the App Connect panel? Refresh the Design View?
Nope
Grabación de pantalla 2020-08-23 a la(s) 19.06.40
I see a container inside the modal. Which I have never seen before. Are you sure it is supposed to be there?
Here is what I always see in my modals:
If you use a container put it inside the modal body. Always works well for me
Thanks @gunnery and @web-works , but that is not the issue, already checked that before. As the first posts says
The content page is not working correctly with the files included on the layout. The modal worked perfectly fine on wapppler’s design view while using the layout page.
Maybe @George @Teodor can help me out (as always ).
Thanks!!
I have a feeling it’s the order in which all the include files are placed in the <head>
section. Try moving the modal js file higher or lower and see if that fixes it. And the app.min.js
, too.
This is my order:
<script src="dmxAppConnect/dmxAppConnect.js"></script>
<base href="/">
<meta charset="utf-8" />
<title><%=_('titulo')%></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="Coderthemes" name="author" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/favicon.ico">
<!-- App css -->
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="light-style" />
<link href="assets/css/app-dark.min.css" rel="stylesheet" type="text/css" id="dark-style" />
<!-- third party css -->
<link href="assets/css/vendor/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
<!-- third party css end -->
<meta name="description" content="<%=_('descripcion')%>">
<script src="dmxAppConnect/dmxBootstrap4Modal/dmxBootstrap4Modal.js" defer=""></script>
<script src="dmxAppConnect/dmxFormatter/dmxFormatter.js" defer=""></script>
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="dmxAppConnect/dmxBootstrap4TableGenerator/dmxBootstrap4TableGenerator.css" />
<link rel="stylesheet" href="dmxAppConnect/dmxPreloader/dmxPreloader.css" />
<script src="dmxAppConnect/dmxPreloader/dmxPreloader.js" defer=""></script>
<link rel="stylesheet" href="dmxAppConnect/dmxNotifications/dmxNotifications.css" />
<script src="dmxAppConnect/dmxNotifications/dmxNotifications.js" defer=""></script>
<script src="dmxAppConnect/dmxDataTraversal/dmxDataTraversal.js" defer=""></script>
<link rel="stylesheet" href="dmxAppConnect/dmxValidator/dmxValidator.css" />
<script src="dmxAppConnect/dmxValidator/dmxValidator.js" defer=""></script>
Not sure if there’s anything wrong there or not. Try moving the line:
<script src="dmxAppConnect/dmxBootstrap4Modal/dmxBootstrap4Modal.js" defer=""></script>
further down. Just one line at a time and see if it fixes it. Otherwise I think one of the Wappler team may be able to give more info.
Weird stuff. It never happened to me and as it’s in the editor it would be difficult for anyone but Wappler team to investigate.
Wappler team is not answering.
Error seems to be related to jQuery, is it correctly included or perhaps included more then once?
No, it’s included correctly. The issue appears only on the content page. The layout page (the one where all included files are), works fine on wappler.
How does the comment tag look like on the top of the content page?
Like this
<!-- Wappler include head-page="layouts/principal" fontawesome_4="cdn" is="dmx-app" id="comprobantes" appconnect="local" jquery_slim_34="local" bootstrap4="custom" components="{dmxBootstrap4Modal:{},dmxDataTraversal:{}}" -->
What happens if you switch off App Connect view? The icon to the left of the preview in the header.
I don’t understand which icon you re talking about
Already tried that. I touched almost every icon