App Connect Bootstrap 4 Support Product Page

Error on conversion

Reported 14 Mar 2018 18:46:36
has this problem
14 Mar 2018 18:46:36 Brad Lawryk posted:
When I try to convert a Bootstrap 3 to Bootstrap 4 I get an error ... with both local and CDN.

window[] is not a function


Replied 14 Mar 2018 18:53:38
14 Mar 2018 18:53:38 Teodor Kuduschiev replied:
Hey Brad,
Are you sure you have the latest version of App Connect installed as well?
Replied 14 Mar 2018 19:12:23
14 Mar 2018 19:12:23 Brad Lawryk replied:
Yes, updated everything this morning when I purchased the Bootstrap 4 extension.

Version 1.4.0
Replied 14 Mar 2018 20:19:06
14 Mar 2018 20:19:06 George Petrov replied:
Aah seems we have some last minute packaging error.

Just repacked and fixed it in version App Connect 1.4.1

So reinstall the latest App Connect and it should be all fine.

Sorry for the inconvenience.

Replied 14 Mar 2018 20:35:21
14 Mar 2018 20:35:21 Brad Lawryk replied:
Better, but still doesn't work.

It creates the Bootstrap 4 files as it should but can't add the code to the page.

"Making this change would require changing code that is locked by a template or translator. The change will be discarded."
Replied 14 Mar 2018 21:06:07
14 Mar 2018 21:06:07 George Petrov replied:
"Making this change would require changing code that is locked by a template or translator. The change will be discarded."

That is something different from DW. The conversion should be performed but seems DW has locked some things - are you using some DW templates or library items?

Was the bootstrap 3 css include left on the page? What was the include exactly?

Replied 14 Mar 2018 21:15:10
14 Mar 2018 21:15:10 George Petrov replied:
Also make sure you have either the last DMXzone Bootstrap 3 version 3.8.1 that is updated to work with App Connect Bootstrap 4 or remove the DMXzone Bootstrap 3 extension temporally.
Replied 14 Mar 2018 21:20:47
14 Mar 2018 21:20:47 Brad Lawryk replied:
No templates, libraries or anything. Just a very basic Bootstrap 3 page with a simple log in form on it.

Bootstrap 3 includes are left on the page;

<link rel="stylesheet" type="text/css" href="bootstrap/3/css/bootstrap.css"/>

All extensions are up to date and only DMXZone extensions are used/installed.
Replied 14 Mar 2018 21:22:07
14 Mar 2018 21:22:07 Brad Lawryk replied:
This is the entire code of the page ....

<!doctype html>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Brad Lawryk</title>
<link rel="stylesheet" type="text/css" href="bootstrap/3/css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="bootstrap/3/css/custom.css"/>
<script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script>
<script type="text/javascript" src="bootstrap/3/js/bootstrap.js"></script>
<script type="text/javascript" src="ScriptLibrary/dmxBootstrap3Navigation.js"></script>
<script defer src=""></script>
<script type="text/javascript" src="dmxAppConnect/dmxAppConnect.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap/3/css/dmxBootstrap3Forms.css" />
<script type="text/javascript" src="bootstrap/3/js/dmxBootstrap3Forms.js"></script>
<script type="text/javascript" src="dmxAppConnect/dmxBrowser/dmxBrowser.js"></script>
<body id="login" data-spy="scroll" data-target=".nav-container" is="dmx-app">
<div is="dmx-browser" id="browser1"></div>
<!-- Header Nav Starts -->
<?php include("_assets/_includes/headerNav.html"); ?>
<!-- Header Nav Ends 
<!-- Page Content Starts -->
<div class="container" id="mainContentBlock">
  <div class="row">
    <div class="col-lg-12">
      [h4]<i class="fa fa-lock">[/i]&nbsp; Website Dashboard Login[/h4]
    <hr />
    <div class="col-lg-4"></div>
    <div class="col-lg-4">
      <form action="dmxConnect/api/authentication/login.php" method="post" id="formLogIn" role="form" is="dmx-serverconnect-form" dmx-on:success="browser1.goto('portal.php')">
        <div class="form-group form-group-sm">
          <input type="text" class="form-control" name="inputUsername" id="inputUsername" placeholder="Username">
        <div class="form-group form-group-sm">
          <input type="password" class="form-control" name="inputPassword" id="inputPassword" placeholder="Password">
        <div class="form-group">
          <button type="submit" class="btn btn-success btn-block btn-sm"><i class="fa fa-lock">[/i]&nbsp; Log In</button>
    <div class="col-lg-4"></div>
<!-- Page Content Ends -->
<div class="container">
  <!-- Footer Nav Starts -->
  <?php include("_assets/_includes/footerNav.html"); ?>
  <!-- Footer Nav Ends -->


Replied 14 Mar 2018 21:27:17
14 Mar 2018 21:27:17 Brad Lawryk replied:
For the record, if I comment out the Bootstrap 3 include it works. Very bad conversion of page elements but it does add Bootstrap 4 if I comment out the include of Bootstrap 3.
Replied 14 Mar 2018 21:36:10
14 Mar 2018 21:36:10 Brad Lawryk replied:
Tried on two different sites. In each case I had to comment out the Bootstrap 3 include.

I have also come to the conclusion that I will stick with Bootstrap 4 only on new sites. The conversions are very unpredictable and create more work than it's worth.
Replied 14 Mar 2018 21:46:40
14 Mar 2018 21:46:40 George Petrov replied:
Could you try to temporally disable/remove the old DMXzone Bootstrap 3 extension as suggested above?
Replied 14 Mar 2018 22:19:31
14 Mar 2018 22:19:31 George Petrov replied:
Btw the page sample above converted just fine in my DW
Replied 14 Mar 2018 22:27:50
14 Mar 2018 22:27:50 Brad Lawryk replied:
Does it matter if it is Windows or Mac? I use a Mac, but can test on a Windows as well if I need to.

Also, I am using DW 2017 not 2018.
Replied 14 Mar 2018 22:47:37
14 Mar 2018 22:47:37 George Petrov replied:
Well I tested your file on Mac and it is working for me ...

Maybe something to do with the php includes ... I don't have those so maybe that is why I'm not getting errors.
Replied 15 Mar 2018 08:13:36
15 Mar 2018 08:13:36 Teodor Kuduschiev replied:
Hi Brad,
You see the "Making this change would require changing code that is locked by a template or translator. The change will be discarded." error because when using includes with old bs3 code in them DW is unable to open and edit them from the parent page you are converting.
The convertor works on page you are converting, and modifies only the code on that page.

Reply to this topic