Scriptless version of Canvas needed

1 reply · opened Jul 11, 2019

BBob GeldoffJul 11, 2019

Canvas files work when opening them from a file on my system using a browser. But when I try to edit the templates using a desktop based Bootstrap editor such as Pingendo or Pinegrow I encounter two issues that makes this template useless for me.

First, all the items on the page are invisible by default because their opacities are set to 0 in order to support page transitions. Unless you’re a CSS wizard, in which you probably wouldn’t need this template, it’s extremely frustrating to the end user. Page transitions should be optional, not installed by default!

Second, the primary-menu is in an open state by default, which causes the entire page layout to break and makes editing the pages impossible. I haven’t found a solution to this issue.

It would make your user's and your lives less frustrating if you released a designer-friendly version. I noticed you had a custom package builder, but clicking the button did nothing. I hope it will enable the user to build a script free template.

SSemicolon WebSTAFFJul 12, 2019

Hello,

  1. Canvas is meant to be edited on a Text Editor like Sublime Text or equivalent as all the other users Purchasing Canvas use as well. Bootstrap Editors are meant for Templates which are optimized to be used with the Editors and Canvas unfortunately is not optimized for use with these editor and nowhere has it been mentioned on the Item Descriptions or Live Previews.

  2. Page Transitions has been activated in Canvas by default and you have an option to disable it easily which is described in the Documentations. Please find and delete/comment the following code in the js/functions.js File:

SEMICOLON.initialize.pageTransition();

and add the following CSS Code:

body:not(.no-transition) #wrapper { opacity: 1; }
  1. The issue with the Primary Menus do not exist on the Default Files and appears to be a result of your Customizations or using the Editor (which again Canvas is not designed to be used with this). Please provide us with a Live URL so that we can check out the exact issue and provide you with more assistance on this. But most likely this is a JS Conflict issue. You can consider using this CSS Codes to fix the Primary Menu display on Non-Script Versions:
#primary-menu ul li .mega-menu-content {
	display: none;
}

#primary-menu ul li:hover > ul:not(.mega-menu-column) {
	display: block;
}

#primary-menu ul li:hover > .mega-menu-content {
	display: -ms-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
}

Unfortunately, there are currently no immediate plans to release a Script-Free Version of Canvas. We have just checked out the JS Package Generator: http://support.semicolonweb.com/js-package-generator/ and it appears to be working fine for us. Please make sure that you are logged in to the Support Forums before you use it.

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard