234 comments found.
Oh
IE11 click hidden menu not work, can you help me
hi, this is an ready to used web application ? or i need to learn anything before i can used it ?
Hi,
Unfortunately, LearnPlus is not a functional web application. It includes HTML, CSS and JavaScript. Besides the precompiled CSS and JS it also includes Scss for styling, ES6 JavaScript and a webpack configuration if you wish to modify and work with the mentioned source files. The workflow for this case is simple and documented.
You would take this package and integrate it with any framework required by your project.
Thanks!
Hi, I think Emoji Picker is missing in messages page
Hi,
I apologize for the delay!
Actually, there wasn’t one included at all. However, it feels broken like you pointed out so I’ll consider adding the emoji picker with an update.
If there’s anything else you’d like to see added, please let me know.
Thanks!
Hi,
Please add me to the gitlab access so that i can complete the npm install.
magandhi
regards
done
Hello, please add me to the git lab repo @luisorlando.co ty!
Done
Could you add me to gitlab repository, I am @brezhitskiy42
Could you add me to gitlab repository, I am @hainam8x
Hi, Great theme. Can you install the whole demo then customize it, can I see the manual? thanks
Hi,
What sort of customizations would you need?
can I use for codeigniter
hallo this is for backend or frontend?what is support codeigniter?
Hi,
Thanks for your interest!
Its HTML, CSS and JavaScript.
Can you add me to the git repo… So I can run npm install …@rcik09 . Also any tips towards integrating the theme into a react+laravel project?
Hi,
Sure, but you need a gitlab.com account. Gitlab sais it can’t find that username.
Thanks
Hi what learning platform does this work best with? Moodle, WordPress etc? Id like the back end also.
Hi,
Thanks for you interest. Unfortunately, we’re not providing a back end at this moment. As far as a best option, since its HTML it can work with pretty much anything.
We are currently working on a native Vue.js version which can be hooked to a back end API and in fact will offer a basic API sample.
Hi, can you add me to gitlab repo to run npm install? My username is @GiusWhite
Done!
What do you advise LearnDash and LearnPlus? Where is more functionality?
Hello,
Well, it depends on what you need.
LearnDash has a more extensive website layout and many extra pages like the course catalog, library, explore library (with another layout), course and lesson page, a pricing page .. really the list is large, I won’t go through all of it here. If you have some specific questions, I’ll be happy to answer.
Thank you!
Hello, what would be the difference between LearnDash and LearnPlus?
Hello,
Well other than visually, LearnDash has a website layout and many extra pages like the course catalog, library, explore library (with another layout), course and lesson page, a pricing page .. really the list is large, I won’t go through all of it here. If you have some specific questions, I’ll be happy to answer.
Thank you!
In case LearnDash is more complete than this?
Yes. By the way, LearnDash has been renamed to Tutorio.
Thanks!
I am the purchaser of this theme. Our programmer, gwvt has some comments in to you about your theme not running in IE.
This is a serious issue for us and we are hoping you are able to resolve it quickly.
Thanks for your assistance.
Here is Greg’s most recent message:
Viewing the live demo in IE 11 produces errors. For the page http://learnplus-bootstrap.frontendmatter.com/student-dashboard.html, the errors are:
SCRIPT1002: Syntax error app.js (1,1242) SCRIPT1002: Syntax error app-settings.js (1,205025) SCRIPT1002: Syntax error settings.js (1,1640) SCRIPT1002: Syntax error chartjs-rounded-bar.js (1,1748) SCRIPT1002: Syntax error chartjs.js (1,1034) SCRIPT1006: Expected ‘)’ student-dashboard.html (1002,49)
For the page http://learnplus-bootstrap.frontendmatter.com/ui-forms.html, they are:
SCRIPT1002: Syntax error app.js (1,1242) SCRIPT1002: Syntax error app-settings.js (1,205025) SCRIPT1003: Expected ’:’ flatpickr.js (1,1937)
Both pages hang on loading, and look like this: https://drive.google.com/open?id=1p3ieoogi1xts1AVjqd5DmsdnzB9JbjVw The errors I posted above are for my application, which is only loading a modified navbar and sidebar. I fixed app.js, app-settings.js, and settings.js, then hit the errors above for dom-factory.js. It works fine in Edge, Chrome, Firefox, and Safari.
Thank you for your help.
Hi,
Thank you for purchasing and we apologise for the delay. We’ll try to solve the issue tomorrow.
Thank you for your patience.
When an input is out of view above the page and a validation error message shows on submit, it only scrolls down far enough so that the message is over the top bar and the input is not visible and blocked by the top bar. It should scroll down far enough so that the input/message are in the main page view. Can you please fix this?
Hi,
Not sure I understand the issue. Could you provide a screenshot please?
Thanks for your reply! Here’s a screenshot: https://drive.google.com/open?id=1lxd5XubqCAHNIE7LZuyxEFUywiQixj1V
It’s not working in IE 11. Can you please resolve this?
Here is the error message in the console:
DOM7011: The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337 <domain> HTML1300: Navigation occurred. <domain> mdk-drawer-layout Unable to get property ‘element’ of undefined or null reference TypeError: Unable to get property ‘element’ of undefined or null reference at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:17727) at m (https://<domain>/assets/vendor/dom-factory.js:1:17377) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:18714) at e.init (https://<domain>/assets/vendor/dom-factory.js:1:18702) at n.factory (https://<domain>/assets/vendor/dom-factory.js:1:20052) at n.handler.upgradeElement (https://<domain>/assets/vendor/dom-factory.js:1:34221) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:34888) at n.handler.upgrade (https://<domain>/assets/vendor/dom-factory.js:1:34800) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:34991) at n.handler.upgradeAll (https://<domain>/assets/vendor/dom-factory.js:1:34954) mdk-drawer-layout Unable to get property ‘element’ of undefined or null reference TypeError: Unable to get property ‘element’ of undefined or null reference at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:17727) at m (https://<domain>/assets/vendor/dom-factory.js:1:17377) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:18714) at e.init (https://<domain>/assets/vendor/dom-factory.js:1:18702) at n.factory (https://<domain>/assets/vendor/dom-factory.js:1:20052) at n.handler.upgradeElement (https://<domain>/assets/vendor/dom-factory.js:1:34221) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:34888) at n.handler.upgrade (https://<domain>/assets/vendor/dom-factory.js:1:34800) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:34991) at n.handler.upgradeAll (https://<domain>/assets/vendor/dom-factory.js:1:34954) mdk-drawer-layout Unable to get property ‘element’ of undefined or null reference TypeError: Unable to get property ‘element’ of undefined or null reference at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:17727) at m (https://<domain>/assets/vendor/dom-factory.js:1:17377) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:18714) at e.init (https://<domain>/assets/vendor/dom-factory.js:1:18702) at n.factory (https://<domain>/assets/vendor/dom-factory.js:1:20052) at n.handler.upgradeElement (https://<domain>/assets/vendor/dom-factory.js:1:34221) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:34888) at n.handler.upgrade (https://<domain>/assets/vendor/dom-factory.js:1:34800) at Anonymous function (https://<domain>/assets/vendor/dom-factory.js:1:34991) at n.handler.upgradeAll (https://<domain>/assets/vendor/dom-factory.js:1:34954)
Hi,
Do you get these errors on our live demo? What page specifically or all of them?
Thanks
Viewing the live demo in IE 11 produces errors. For the page http://learnplus-bootstrap.frontendmatter.com/student-dashboard.html, the errors are:
SCRIPT1002: Syntax error app.js (1,1242) SCRIPT1002: Syntax error app-settings.js (1,205025) SCRIPT1002: Syntax error settings.js (1,1640) SCRIPT1002: Syntax error chartjs-rounded-bar.js (1,1748) SCRIPT1002: Syntax error chartjs.js (1,1034) SCRIPT1006: Expected ‘)’ student-dashboard.html (1002,49)
For the page http://learnplus-bootstrap.frontendmatter.com/ui-forms.html, they are:
SCRIPT1002: Syntax error app.js (1,1242) SCRIPT1002: Syntax error app-settings.js (1,205025) SCRIPT1003: Expected ’:’ flatpickr.js (1,1937)
Both pages hang on loading, and look like this: https://drive.google.com/open?id=1p3ieoogi1xts1AVjqd5DmsdnzB9JbjVwThe errors I posted above are for my application, which is only loading a modified navbar and sidebar. I fixed app.js, app-settings.js, and settings.js, then hit the errors above for dom-factory.js. It works fine in Edge, Chrome, Firefox, and Safari.
Thank you for your help.
Hi, Any updates on these issues? Thank you for your help!
Hi,
So sorry for the delay. I’ll try and take care of this tomorrow. You mentioned you’ve fixed app.js, app-settings.js and settings.js. If you don’t mind, what was causing the errors within those files?
Thanks
Thank you! These are the errors:
SCRIPT1002: Syntax error app.js (1,1242) SCRIPT1002: Syntax error app-settings.js (1,360162) SCRIPT1002: Syntax error settings.js (1,1182)
(js files from LearnPlus 4.1.0)
The errors I posted above are for my application, which is only loading a modified navbar and sidebar. I fixed app.js, app-settings.js, and settings.js, then hit the errors above for dom-factory.js.
You mentioned earlier that you fixed app.js, app-settings.js and settings.js – do you remember what you did to fix those?
Thanks
Thanks—I just looked at the minified files and replaced fat arrows with function declarations, and I think IE was also complaining about a missing colon.
Also, could you please give me access to the Gitlab repo? I’m gwvt on Gitlab, too (not too creative with my handles…). Thank you for your help!
Sure, I’ll get to my laptop in a bit and give you access. So, I believe its just a matter of configuring babel to replace those arrow functions automatically. I’ll get a virtual machine running IE11 so I can test, but I think the issue is as solved.
Sorry for the delay. Gave you access to the Gitlab repo now.
Check out LearnPlus v4.3.0 on Gitlab. It should fix the IE11 issues.
Let me know how it goes. Thanks!
Thank you, but when I run npm install I get this error:
npm ERR! git ls-remote -h -t ssh://git@gitlab.com/FrontendMatter/ui-learnplus-bootstrap.git npm ERR! npm ERR! GitLab: The project you were looking for could not be found.
Thats weird. Maybe there was some temporary issue with gitlab so you should try again?
Tried again, still getting the error. Do I need additional access to the ui-learnplus-bootstrap repo?
Let me check your access level.
I don’t know why you were no longer in the members list. Anyway, access granted. It should work now
Sorry, there are still errors.
For http://learnplus-bootstrap.frontendmatter.com/student-dashboard.html:
HTML1300: Navigation occurred. student-dashboard.html SCRIPT1002: Syntax error app-settings.js (1,43925) SCRIPT1002: Syntax error settings.js (1,1640) SCRIPT1002: Syntax error chartjs-rounded-bar.js (1,1748) SCRIPT1002: Syntax error chartjs.js (1,1034) SCRIPT1006: Expected ‘)’ student-dashboard.html (1017,49) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29156) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29156) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29156)
And for http://learnplus-bootstrap.frontendmatter.com/ui-forms.html:
HTML1300: Navigation occurred. ui-forms.html SCRIPT1002: Syntax error app-settings.js (1,43925) SCRIPT1003: Expected ’:’ flatpickr.js (1,1937) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29156) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29156) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29156)
Just on these pages?
No, those were just the ones I tested.
Ok, I’ll get a VM with Windows
Thank you! FWIW, I set up Babel with browserslist configured for “ie 10-11” with @babel/polyfill and it works like a charm.
Great!
Just to clarify—that’s what I did for the custom JS I’m writing. I haven’t touched compiling the LearnPlus code, just reporting on what worked for me. Thank you for your help!
Thats what I thought I did for all those libraries with errors, except I configured babel for ie 11 only. Do you mind sharing your configuration, maybe I can spot what I missed? Thanks
Sure, in package.json:
{ ... “browserslist”: ”> 0.25%, not dead, ie 10-11”, “dependencies”: { ... ”@babel/polyfill”: “7.2.5”, }, “devDependencies: { ... ”@babel/cli”: “7.1.5”, ”@babel/core”: “7.2.2”, ”@babel/preset-env”: “7.1.6”, } }
.babelrc (complete contents):
{ “presets”: [ [”@babel/preset-env”, { “useBuiltIns”: “usage” }] ] }
Thanks, I’ll check my configuration in the morning.
Hi,
Sorry for the delay.
Do you mind checking the demo again please?
http://learnplus-bootstrap.frontendmatter.comThanks
P.S. Also make sure you clear your browser cache.
Sorry, still getting errors:
HTML1300: Navigation occurred. learnplus-bootstrap.frontendmatter.com SCRIPT1002: Syntax error app-settings.js (1,44017) SCRIPT1002: Syntax error settings.js (1,1640) SCRIPT1002: Syntax error chartjs-rounded-bar.js (1,1748) SCRIPT1002: Syntax error chartjs.js (1,1034) SCRIPT1006: Expected ‘)’ learnplus-bootstrap.frontendmatter.com (1017,49) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29343) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29343) SCRIPT5009: ‘Symbol’ is undefined dom-factory.js (1,29343)
I don’t get it. Configured babel the same way you did, and the preset-env debug option confirms its using polyfills for ie9 and up.
I tried again, still same errors. Are you sure all those files were compiled with Babel? For example, I don’t see the polyfills for Symbol in dom-factory.js, which is one of the errors in IE.
Hi, any progress with this? Thank you!
Hi,
Sorry for the delay. Tomorrow I’m getting access to a machine with Windows and IE11 so I can test all the libraries. This shouldn’t take much longer. I’ll keep you updated.
Thank you!
Great, thank you very much for all your help!
Hi,
Check out the latest release in Gitlab. There was quite a trail of errors to fix. You can see it running here, just make sure you clear your cache. http://learnplus-bootstrap.frontendmatter.comAnd here’s the changelog:
material-design-kit v1.0.1
- fix babel config (fixes IE11) - add Element.matches polyfill (IE11)
dom-factory v1.0.2
- fix babel config (fixes IE11) - add es6 symbol polyfill (IE11)
ui-learnplus-bootstrap v2.2.1
- bump material-design-kit to v1.0.1 (fixes IE11) - bump dom-factory to v1.0.2 (fixes IE11)
LearnPlus v4.3.1
- fix babel config (fixes IE11) - bump ui-learnplus-bootstrap to v2.2.1 (fixes IE11) - fix webpack config to use babel loader for libraries in node_modules (IE11) - add student / dashboard / inline scripts to page.student-dashboard.js (passes through babel, fixes IE11) - add instructor / dashboard / inline scripts to page.instructor-dashboard.js (passes through babel, fixes IE11) - add instructor / earnings / inline scripts to page.instructor-earnings.js (passes through babel, fixes IE11) - add components / charts / inline scripts to page.ui-charts.js (passes through babel, fixes IE11) - fix app settings issues (IE11)
Thank you so much for these fixes—that was a heavy lift, and I really appreciate your dedication to resolving the issue. At first I was not able to get things to work with the assets in the production build from the repo, and finally tried just copying the files from the the learnplus demo. Those worked. Not sure why the built assets were different from what you have on your demo server. One note: the preloader appears to the far right in IE, but adding a “flex-column” class to the container div will put it back in the center:
div class="preloader flex-column"Thank you very much!!!
Glad we could solve it. Thanks for the flex column hint, I’ll make sure to add it on the next update. Would appreciate a rating! 
Could you give me access please, my Gitlab account is @cyberstudio Thanks.
Done!
Hi, I purchased this product today, when installing it shows me the error: ssh://git@gitlab.com/FrontendMatter/ui-learnplus-bootstrap.git npm ERR! git@gitlab.com: Permission denied (publickey).
Could you give me access please, my Gitlab account is @israg25 Thanks.
Done! Thanks for purchasing
